Site logo

[Resolved] Sticky header and menu

Home Forums Support [Resolved] Sticky header and menu

Home Forums Support Sticky header and menu

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #53431
    Ted van Vliet

    Hi Tom,

    Thanks for the theme. Bought all the addons and it works great!
    Q: is there a pliggin available to make both the header and the navigation sticky? So the page content scrolls and the header end vavigation stay fixed at the top of the page?

    http://Www.16weken.nl

    Thanks! Ted

    #53622
    Tom
    Lead Developer
    Lead Developer

    Hi Ted,

    Thanks!

    This post should help: http://generatepress.com/forums/topic/how-can-i-create-a-fixed-header-and-top-menu-in-the-generate-press-theme/#post-31579

    Let me know if you have any questions 🙂

    #53829
    Ted

    Hi Tom,

    Thanks! I made the menu fixed now. Is there a possibility to make both the header and the menu fixed?

    Ted

    #54066
    Tom
    Lead Developer
    Lead Developer

    The instructions in the post I linked to will make the entire header sticky, as long as you use GP Hooks to include the new HTML container for both the header and navigation.

    Let me know 🙂

    #54611
    Ted van Vliet

    I can only get the menu sticky with that code….

    #54622
    Tom
    Lead Developer
    Lead Developer

    Can you link me to your site? 🙂

    #54623
    Ted van Vliet
    #54624
    Tom
    Lead Developer
    Lead Developer

    It looks like the slider you’re using for your header has been added to the wp_head hook, which will add it into the <head></head> section of the site, which isn’t correct.

    Try adding that slider into the “Before Header Content” hook instead.

    Let me know 🙂

    #54659
    Ted van Vliet

    Thanks Tom!

    That does the job!

    #54660
    Tom
    Lead Developer
    Lead Developer

    Awesome! 🙂

    #324514
    Kali

    I have a header added through gp hooks and the div container set up as recommended above and it is still not giving me the result I need which is to keep my header on top of my sticky nav. please help!
    http://trucksplusomaha.com

    #324519
    Tom
    Lead Developer
    Lead Developer

    It looks like you didn’t add the CSS provided: https://generatepress.com/forums/topic/how-can-i-create-a-fixed-header-and-top-menu-in-the-generate-press-theme/#post-31579

    You’ll also want to turn off your sticky navigation.

    #324525
    Kali

    thanks Tom! I had the css in and took it back out but still had the sticky nav setting turned on. Any idea why I’m getting a horizontal scroll when the sticky header is applied?

    #324545
    Tom
    Lead Developer
    Lead Developer

    Does the horizontal scroll disappear when you remove the sticky header CSS?

    #324584
    Kali

    the nav is giving it about a 10px scroll and is there whether or not the sticky nav is there

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.