Archived topic
Sticky menu is not centered
12 replies · Started by Peter on February 16, 2021
Hello,
I am currently working on a staging site for my current site and the header menus between the two are no longer the same. On the current site the sticky menu is centered when scrolling down but on the staging it is not.
What on earth did I do wrong? I have been trying to resolve this now for some time to no avail.
Hi Monica,
This CSS is causing it's align right.
https://www.screencast.com/t/5i0KzFmIiJZ
I can't see where it's coming from, could you disable your cache plugin and clear cache so we can have another look?
I have disabled the plugin and cleared the cache.
Hi there,
can you check the Customizer > Layout > Primary Navigation and make sure the Inner Navigation Width is set to Contained
Hi,
I did not see the option under primary, but I did under secondary and it is selected as contained.
Screenshots: https://imgur.com/a/FG5RltV
As far as I can tell my customization of this site is mirroring the original: http://lunghealth.ca/ so I am very confused what happened to make the sticky menu start misbehaving.
Hi Monica,
Are you using Flexbox for the current site and Floats for the staging site?
Try to keep them under the same structure.
https://docs.generatepress.com/article/switching-from-floats-to-flexbox/
I'm using elementor on both sites, there weren't any changes between the two that I am aware of.
Could you go to Customizer > General, confirm the Structure setting for both sites are Flexbox?
Let me know :)
Both sites are Floats.
Not sure what caused it but i fixed it by exporting my old site's settings and importing them. Still no idea what I did to change it.
That is a weird one.
Glad it's fixed :)
Just got the same problem and got it fixed:
When you are in Layout -> Primary Navigation certain options only appear if you select "Above header" or "Below header" for option "Navigation Location". Besides others you find the option "Navigation Alignment" which can be set to "right", "left", or "center". For me it was set to "left" which also affected the navigation in the fixed header. I set it to "center", saved the configuration, then set the "Navigation Location" to "Float Right" again because I wanted the non-fixed header navigation to float on the right side beside the site logo. The navigation in the fixed header stayed centered.
Maybe this helps someone else.
Hi Julian,
yes, its a known UX issue, and something we'll be addressing a future update.
Thanks for sharing your solution for others!
