Viewing 8 replies - 1 through 8 (of 8 total)
  • Definitely interested in this too!

    I would also like to see this. Using this theme for a while now and it’s starting to look outdated. Would love to see more options added to the customization panel, sticky menu would definitely give this theme a face lift.

    PLEASE ADD STICKY!!!!

    Thanks Go Team.

    Hello @ricoprusa, @smico and @dbiscontin

    How are you guys?

    You can make the header sticky with the two simple lines of the additional CSS.
    This code worked for me:

    #site-header
    {
      position: fixed;
      width: 100%;
    }
    

    You can add this CSS code in the Additional CSS section in the Theme Customizer.

    Let me know if this worked for you. 🙂

    Best Regards,
    Pavle

    Thank you for sharing the code for sticky header. I’ve been trying to take it a step further and add:

    – have the header shrink in size upon scroll
    – add drop shadow so the header appears to be floating

    Haven’t been able to find the CSS code that can accomplish yet.

    Thank you in advance!

    • This reply was modified 5 years, 9 months ago by rickbakas.

    @gdpavle bump ☝️

    Hey @rickbakas,

    Making the header shrink in size upon scroll and adding shadow can’t be achieved with the CSS. Instead, it would be necessary to add a huge amount of JavaScript code that would completely modify the theme.

    Therefore, I have created a Feature Request for our developers and you can follow it at this link – https://github.com/godaddy-wordpress/go/issues/554

    Best Regards,
    Pavle

    Thank you! I ended up just shrinking the height of the header for now. Will keep an eye out for any new features.

    Warm Regards,
    Rick

    Thread Starter dbiscontin

    (@dbiscontin)

    My customer updated themes and plugins and now the sticky header CSS code appears to be causing the menu bar to overlap the page heading/title (if that makes sense).

    With sticky CSS code –> https://www.dropbox.com/s/adutctbzbxq6uzh/with-sticky.png?dl=0

    Without sticky CSS code –> https://www.dropbox.com/s/s47frn0434h8pgn/no-sticky.png?dl=0

    This is not a major dilemma but it would be good to understand what has happened. Or, we wait for the feature in a new version. Thanks Team!

    • This reply was modified 5 years, 8 months ago by dbiscontin.
Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Sticky Header’ is closed to new replies.