Center Menu

  • Resolved bismrfinc

    (@bismrfinc)


    7 months ago

    Hi,

    Would anyone know how to center the menu bar? I recently added a new page and the menu no longer fits on one line and it looks odd being justified to the left. I would like to center it somehow so it looks nicer ??

    Thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @bismrfinc,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    @media( min-width: 768px ) {
    #header-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

    Let me know if that does it.

    — Anders

    Thread Starter bismrfinc

    (@bismrfinc)

    Hi @anlino

    That worked!! THANK YOU SO MUCH! It’s been bothering me for so long and I tried everything in the forums. Please let me know if I can send you something for your help and how.

    • This reply was modified 5 months ago by bismrfinc.

    Hi,

    I am having the same problem but the above CSS doesn’t seem to make any difference to the main menu bar.

    I have used the following code which centres the dropdown menus but as I only have a couple of main menu headers I would really like to centre them

    .main-navigation {text-align: center;}.main-navigation ul {display:inline-block;}
    .main-navigation .menu-primary-container {width: 100%}

    The page I want to adjust is https://www.redstonassociates.co.uk and any assistance would be great.

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