Home Forums Pro Themes Education Hub Pro Setting Main Menu Position

Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #7606
    CherylR
    Participant

    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.

    #7635
    wensolutions
    Keymaster

    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!!!

    #7814
    iacovoni
    Participant

    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.

    #7815
    wensolutions
    Keymaster

    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%;
    
    }
    
    }
    #8108
    iacovoni
    Participant

    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?

    #8116
    wensolutions
    Keymaster

    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 !

    #8117
    iacovoni
    Participant

    Perfect! Thanks!

    #8118
    wensolutions
    Keymaster

    Welcome, it is our pleasure to help you !

    #8119
    CherylR
    Participant

    Worked for me…thanks!

    #8120
    wensolutions
    Keymaster

    That’s nice ! 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.