Centering Menu and sub menu in 2013 theme

  • Resolved suzapp

    (@suzapp)


    10 years, 1 month ago

    I am using theme 2013 and would like to center the menu as well as the drop down submenu. Does anyone know the css code for this? I was able to center the main navigation, but can’t figure how to get the submenu to match up. Thanks so much.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there suzapp,

    Hope you’re well! ??

    I suggest you use a child theme https://codex.www.ads-software.com/Child_Themes or use css custom plugin like this: https://www.ads-software.com/plugins/simple-custom-css/ if you will customize your theme.

    Add the code in your child theme’s style.css or using the plugin mentioned above.

    .main-navigation {
	display: table;
}

    Let me know if it helps! ??

    Take care,
    Calvin

    Thread Starter suzapp

    (@suzapp)

    Thank you Calvin, I added the custom css plugin and the code

    ‘.main-navigation {
    display: table;
    } ‘

    and that worked great for the main menu, however when I add a submenu item it causes the main menu item with the drop down to sit up above the navigation bar. My site is https://www.ohsuzanni.com, the menu item is gallery with a submenu item pleated.
    Thanks so much for your response and help.
    Suzanne

    Hey there suzapp,

    You’re welcome and glad to help! ??

    I noticed that even though I remove the display:table I still got the same problem. Can you revert back all changes you made that may affect the menu?

    Looking forward for your reply! ??

    Take care,
    Calvin

    Thread Starter suzapp

    (@suzapp)

    Calvin,

    Okay, I believe I reverted everything back, and looks like I had deleted some very important positioning code. Oops!! Everything appears to be working fine now with the drop downs.

    Thanks so much for the help.
    Suzanne

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centering Menu and sub menu in 2013 theme’ is closed to new replies.