- This topic has 9 replies, 3 voices, and was last updated 8 years, 3 months ago by .
Viewing 10 posts - 1 through 10 (of 10 total)
Viewing 10 posts - 1 through 10 (of 10 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Education Hub Pro › Setting Main Menu Position
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 !
Perfect! Thanks!
Welcome, it is our pleasure to help you !
Worked for me…thanks!
That’s nice ! 🙂
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |