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
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
