Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 20, 2014 at 9:13 am #226644
    NeilMaxwell

    Hello

    I have a small issue with my fixed header. I used this code in my quick css:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}

    to make my header not re-size when the page is scrolled down. I am also doing a single page website and linking to items on the page. Now when I click on those links the page scrolls up too high and the linked to item is behind the header.

    Can you help?

    Thanks

    February 20, 2014 at 10:42 am #226668
    Dude

    Hi NeilMaxwell!

    Please try to remove the css code and insert this code at the bottom of functions.php:

    
add_filter('body_class','avia_remove_resize_function');
function avia_remove_resize_function($classes)
{
    $classes[] = 'avia_deactivate_menu_resize';
    return $classes;
}

    – it should deactivate the resize effect without additional css code.

    Best regards,
    Peter

    February 20, 2014 at 10:56 am #226681
    NeilMaxwell

    Hi Peter

    Thanks for the quick reply. That unfortunately does exactly the same thing as before. Anyting else I can try?

    thanks
    Neil

    February 20, 2014 at 3:29 pm #226815
    Yigit

    Hey!

    Please try the workaround Josue posted here https://kriesi.at/support/topic/stop-resizing-header-but-anchor-not-correct/#post-220223

    Best regards,
    Yigit

    February 20, 2014 at 4:11 pm #226845
    NeilMaxwell

    Nice that works. Just a note the code to change is now on line 811 according vi anyway.

    Do I still need to have the code that Peter gave me in the fuctions.php or can I go back to the quick css that I was using before.

    Also what will happen to this .js file when the theme is updated?

    Thanks
    Neil

    February 20, 2014 at 4:14 pm #226846
    Yigit

    Hi!

    It will be overwritten unless you are using a child theme ( http://kriesi.at/documentation/enfold/using-a-child-theme/ )
    Peter’s code does what you would like to do using custom CSS. Just a cleaner solution. But if you would like to use Custom CSS, you can remove Peter’s code and add your code to Quick CSS or Custom.css file

    Regards,
    Yigit

    February 20, 2014 at 4:27 pm #226854
    NeilMaxwell

    I will try the child theme route. Thanks for all the help!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Single page website fixed header problem’ is closed to new replies.