Support » Theme: Virtue » Center align Topbar menu

  • Resolved fourfoot

    (@fourfoot)


    Hi guys,
    thanks for the fab theme. Can you please let me know how I would center align the topbar menu links. I’m not sure what CSS (assuming text-align: center;) to use but really am struggling with what ID or style to do it on??

    Thanks for any help.
    Regards.
    Miles

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Kadence Themes

    (@britner)

    Try adding this to your custom css box, in the theme options:

    .kad-topbar-left {
    width:100%
    }
    .topbarmenu ul {
    text-align: center;
    }
    .topbarmenu ul li {
    float: none;
    display: inline-block;
    }

    Kadence Themes

    Hi,
    thank you kindly for your quick reply and solution. Can I be cheeky and ask how to widen the area for that box as its pushing my social icons and cart under the menu items.

    You can see it here http://kewpiekids.com.au/

    Regards.
    Miles

    Theme Author Kadence Themes

    (@britner)

    oh, you have other stuff on your top bar. yeah thats different here you go, replace what you had with this:

    .kad-topbar-left {
    width:100%
    }
    .topbarmenu {
    display: inline-block;
    text-align: center;
    }
    .topbarmenu ul, .topbar_social, .kad-cart-total {
    display: inline-block;
    }
    .topbarmenu ul li {
    float: none;
    display: inline-block;
    }

    Kadence Themes

    Hi,
    thank you again for your help. I tweeked the above slightly so thought I would list it here in case anyone else needs the same thing

    .kad-topbar-left {
    width:100%;
    text-align: center;
    }
    .topbarmenu ul {
    text-align: center;
    }
    .topbarmenu ul li {
    float: none;
    display: inline-block;
    }
    .topbarmenu ul, .topbar_social, .kad-cart-total {
    display: inline-block;
    }

    Kind regards.
    Miles

    Hello,

    I am wondering how to move my icons in the top bar to align right?
    I’ve added a follow me on FB and Insta but they appear almost dead centre.

    Any help on this?

    Thanks alot

    Theme Author Kadence Themes

    (@britner)

    Can you post a link?

    Kadence Themes

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Center align Topbar menu’ is closed to new replies.