how to center those big tabs horizontally…

[mgma]

The big, pretty horizontal tabs… I can’t seem to center them horizontally above the containers, etc.

Ideas/CSS for this?

Thank you!

[Melanie – SUPPORT]

Hi
Can you post up the URL to a page where this is happening so I can check it out directly?
Thanks!

[mgma]

I’d like these tabs to be centered instead of flush left on the page…

http://bigidea.pro/chp/2014/

Thanks!

[Melanie – SUPPORT]

Hi, does this work for you?

ul.nav-tabs {
padding-left: 24%;
}

[mgma]

Thanks. It moves them, but a specific amount. So it’s not responsive. I need them centered always.

I also tried to find the font size for these, on mobile resolution only, so I can make them smaller on mobile. Can’t find it. Can you direct me?

Thanks!

[Swift Ideas – Ed]

Hi @mgma,

This code will sort it for you:

.spb_tabs .nav-tabs {
text-align: center;
}
.nav-tabs>li {
float: none;
display: inline-block;
}

Hope that helps.

– Ed