WordPress.org

Forums

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

  1. fourfoot
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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

  6. trevorbuchan
    Member
    Posted 3 months ago #

    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

  7. Kadence Themes
    Member
    Theme Author

    Posted 3 months ago #

    Can you post a link?

    Kadence Themes

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic