WordPress.org

Ready to get started?Download WordPress

Forums

Virtue
[resolved] Center align Topbar menu (5 posts)

  1. fourfoot
    Member
    Posted 4 months ago #

    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

  2. Kadence Themes
    Member
    Theme Author

    Posted 4 months ago #

    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

  3. fourfoot
    Member
    Posted 4 months ago #

    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

  4. Kadence Themes
    Member
    Theme Author

    Posted 4 months ago #

    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

  5. fourfoot
    Member
    Posted 4 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic