I’m trying to get the top navigation menu on a website to centralise as it drops down onto two lines on smaller screens. Please can you advise.
Hi glodesign!
Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Regards,
Yigit
Hi Yigit, thank you for these – I’ve tried each option and they don’t appear to make any changes?
Hi!
Can you please post the link to your website?
We may need a temporary admin login as well.
Best regards,
Yigit
Hi, the details are below for you
Hey!
I adjusted values a bit but that still did not help much. I would recommend you to go to Enfold theme options > General Layout > Dimensions and increase layout width
Regards,
Yigit
Hello Yigit the width is as my client wants so I can’t increase its size. All I need to do is centralise the navigation menu…
Hi!
The thing is you have so many menu items in your menu so in smaller screen sizes, they do not fit in the container. Another solution would be going to Enfold theme options > Advanced Styling and editing “Main menu links” and decreasing their font sizes
Best regards,
Yigit
Hi Yigit, if you look the ones that overflow drop down onto a new line – which is fine, we just want to centralise them
Hello Yigit did you have some more advice for me please?
Hey!
Unfortunately, that would not be easily possible. You can try increasing the screensize where you display mobile menu
Cheers!
Yigit
Hi Yigit, how can I do this please?
Hi!
You can increase “1024px” in this code – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Cheers!
Yigit
ok thank you, I hope this is ok for my client!