Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 26, 2013 at 11:11 am #193355
    disruptivevision

    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.

    November 26, 2013 at 12:23 pm #193372
    Ismael

    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

    November 26, 2013 at 1:55 pm #193412
    disruptivevision

    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.

    November 27, 2013 at 2:25 pm #193882
    disruptivevision

    Hi Ismael,

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

    thank you

    November 27, 2013 at 7:03 pm #194000
    Yigit

    Hey!

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

    Cheers!
    Yigit

    November 28, 2013 at 7:28 am #194185
    disruptivevision

    Hey Yigit,

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

    Thanks

    November 28, 2013 at 4:30 pm #194386
    Yigit

    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

    November 29, 2013 at 7:36 am #194616
    disruptivevision

    Hey Yigit,

    Its working fine now.

    Thank you

    November 29, 2013 at 7:46 am #194617
    disruptivevision

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo is not working properly’ is closed to new replies.