Archived topic
Full screen header with sticky menu at bottom of browser window
1 reply · Started by Adam on July 19, 2017
Dear Sir/ Madam,
I am trying to emulate the menu/ header behaviour as seen on the following sites:
http://britishqueenlocksbottom.com/
and https://theme.co/x/ (sorry for linking to a competitor theme!!)
The header is full screen (no matter how big the browser window is) with the menu underneath, which then scrolls with the page and sticks at the top.
I'm using GP Premium with Elementor Pro. Could you advise of how I can achieve this please? Happy to use third party apps if necessary.
Thank you in advance.
Adam.
Hi there,
For full header width, set Header Width and Inner Header Width to Full: https://docs.generatepress.com/article/header-layout/
Then you can set it to Below Header: https://docs.generatepress.com/article/navigation-location/
Then enable sticky navigation: https://docs.generatepress.com/article/sticky-navigation/
Unfortunately it's currently not possible to set when the sticky navigation triggers but it's on the road map.
