- This topic has 9 replies, 3 voices, and was last updated 8 years, 6 months ago by
.
-
Posts
-
Is there a way to center the main menu? It’s current left-aligned.
Here’s my site URL: http://www.usaparents.org/
Thank you.
Hello @CherylR
To center the main menu you need to add below custom CSS from Customization section.
#site-navigation { float: right; margin-right: 24%; }You can adjust the value of margin-right parameter to you choice if you are not satisfied with the above value.
Let me know how it goes.Regards!!!
Does not work well… the menu will be centered on PC but not on tablet or smartphone. Is there a more standard way to center menu? Thanks for the excellent work, by the way.
Try adding the following media queries for mobile and tablet devices.
/* Smartphones (landscape) ----------- */ @media only screen and (min-width : 480px) { #site-navigation{ margin-right: 39%; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { #site-navigation{ margin-right: 27%; } } @media only screen and (min-device-width : 768px) { #site-navigation{ margin-right: 20%; } }Does not work…
I use 3 different languages in menus and the offset changes each time…
Is there a more simple way with center text?
Hi, try removing previous custom CSS media queries and paste following snippet
#site-navigation { display: table; float: none; margin: 0 auto; }Let us know how it goes !
- You must be logged in to reply to this topic.
