- This topic has 12 replies, 2 voices, and was last updated 4 months, 1 week ago by Leo.
October 21, 2020 at 7:39 am #1498366Clayton
I’ve changed over to using flexbox which all around is better than floats but I’ve noticed the navigations aren’t aligned now. I don’t have any custom css that would be effecting this. I have a max-width set in the theme settings and have the inner navigations contained and floating but I’m still seeing the issue.
See my screenshot: https://imgur.com/a/EgCUPKU
Any thoughts on why this would be happening?October 21, 2020 at 8:44 am #1498620LeoStaffCustomer SupportOctober 21, 2020 at 9:07 am #1498655Clayton
Hey Leo, I’ve linked the site in the private section. Thank you.October 21, 2020 at 9:16 am #1498673LeoStaffCustomer SupportOctober 21, 2020 at 9:20 am #1498679Clayton
Okay, it’s been disabled.October 21, 2020 at 9:22 am #1498684LeoStaffCustomer SupportOctober 21, 2020 at 9:28 am #1498687Clayton
Hmmm, I’m not sure. That is the only caching I have enabled on this site. Can you try again?October 21, 2020 at 9:49 am #1498713LeoStaffCustomer SupportOctober 21, 2020 at 9:51 am #1498716Clayton
So that seemed to fix the menu but now the body content and the navigation aren’t in line which is why I had align with text selected.October 21, 2020 at 9:57 am #1498724LeoStaffCustomer Support
I think this section explains the issue:
https://docs.generatepress.com/article/switching-from-floats-to-flexbox/#box-sizingOctober 21, 2020 at 10:02 am #1498727Clayton
Ahh, yeah I guess that makes sense. I adjusted the width to account for the padding applied and it seems to be working now. It still isn’t in line on mobile but that isn’t too big of a deal. Thanks for looking into it.October 21, 2020 at 10:04 am #1498729Clayton
For others who might use this thread. If you set the mobile mobile menu item width to 0 it fixes the alignment issue on mobile.October 21, 2020 at 10:52 am #1498763
- You must be logged in to reply to this topic.