Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #193355

    Hi hello,

    I have updated the theme today, i have problem in logo. when the page scrolls down the logo is too small.
    And in mobile view the menu is overlapping the logo.

    Please can you help me out on this?

    Cheers.

    #193372

    Hey disruptivevision!

    Are you using the Small Fixed Header? You can edit js > avia.js, find this code:

    var st = win.scrollTop(), newH = 0;
    
                    if(st < el_height/2)
                    {
                        newH = el_height - st;
                        header.removeClass('header-scrolled');
                    }
                    else
                    {
                        newH = el_height/2;
                        header.addClass('header-scrolled');
                    }

    Replace it with:

    var st = win.scrollTop(), newH = 0;
    
                    if(st < el_height/1.5)
                    {
                        newH = el_height - st;
                        header.removeClass('header-scrolled');
                    }
                    else
                    {
                        newH = el_height/1.5;
                        header.addClass('header-scrolled');
                    }

    You can decrease the 1.5 value if you want a larger header when you scroll down the page. Please remove browser cache then reload the page a few times. You can also test it on another browser.

    Regards,
    Ismael

    #193412

    Hi Ismael,

    We don’t want to change the code because it’ll revert back when we update the theme. we have given custom CSS as

    .header-scrolled #header_main .container, .main_menu div > ul > li > a{
    height: 45px !important;
    line-height: 45px !important;
    }
    .header-scrolled .main_menu {
    padding-top: 0px;
    }

    So any way to change in this code.

    #193882

    Hi Ismael,

    Please can you help me in this ? It’s urgent .

    thank you

    #194000

    Hey!

    Can you post the link to your website so we can inspect elements?

    Cheers!
    Yigit

    #194185

    Hey Yigit,

    Link to our website http://disruptivevision.com/ .

    Thanks

    #194386

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .header-scrolled .logo img { max-height: 43.5px!important; }
    @media only screen and (max-width: 480px) { #advanced_menu_toggle { right: -30px; }} 

    Regards,
    Yigit

    #194616

    Hey Yigit,

    Its working fine now.

    Thank you

    #194617

    Hey Yigit,

    One more thing that # links are not working properly. After updating the theme also its not working.
    when we click on same page it works fine, but when we click from other pages it wont work.
    (eg: when we are in products page click Internal communications 2nd sub menu under solutions menu its goes to the particular section, but the heading of the internal communication is hiding back side the menu bar). It happens to all the sub menu # links.

    Please can you help me out on this?

    Thanks

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Logo is not working properly’ is closed to new replies.