Sticky Header

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 4 years, 4 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 4 years, 3 months ago by dbiscontin.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Sticky Header’ is closed to new replies.