Archived topic
sticky menu padding right
5 replies · Started by Torsten on August 26, 2020
Hi,
I'm using sticky menu with a right padding of 40px set in → Customizing → Layout → Header
when scrolling down the menu moves to the far right, with pretty much no padding at all.
How to set the same padding for both?
Thanks ahead,
Torsten
Hi there,
for that type of Navigation i would suggest enabling the Navigation as Header option in Customizer > Layout > Header. It will help with the sticky transition which currently is very jumpy
Note the size of the Logo will be defined by the Menu Item height set in Customizer > Layout > Primary Navigation and > Sticky Navigation.
Once done i can provide some CSS to ad the padding.
thx so far.
I've set "Navigation as Header".
awaiting the css to set the right-padding...
;-)
best,
Torsten
Try this CSS:
.inside-navigation {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}thumbs up!
Glad to hear that
