Center align Topbar menu

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 https://kewpiekids.com.au/

Regards.
Miles

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

Can you post a link?

Kadence Themes