nek285
Forum Replies Created
-
Thanks for your reply!
I actually filed a bug report before seeing your answer, since I thought that maybe I shouldn’t have posted here on the forums for an issue of this kind.
I apologize if I haven’t followed the correct procedure!
<https://core.trac.www.ads-software.com/ticket/52663#comment:1>
Forum: Themes and Templates
In reply to: [Twenty Twenty-One] Sticky menuIf by “menu”, you refer to the top navigation bar (think of it as a bigger container, where the menu buttons are enclosed in), you can try adding the following CSS code via the theme customizer (themes -> customize -> additional CSS):
#masthead-wrapper{ position: fixed; width:100%; z-index: 2; }
The “position” CSS property is what makes the navbar stick to its position. We use the “width” and “z-index” properties as a precaution, so the navigation bar won’t start acting out due to conflicts with other elements. Feel free to remove these last two properties and see how your site is affected.
Just pasting the above code snippet there, will be enough for the change to take effect, so you can preview your sticky navigation bar. If you are happy with how it looks and feels, make the change permanent, by clicking submit.
Keep in mind that while this alone will make the navbar sticky, you may have to add additional styling in order to make it look slicker.