Is there a way to make the width of tabs responsive?

[broadsword]

Hi there,

Just wondering if the width of a regular simple nav tab can be set to be responsive.

So, if for instance you have four tabs, how can it be set so that each takes up 25% of the width of the container containing the tabs?

[Radu]

Hi,

I cannot figure out about what tabs are you talking about, can you please provide a URL where that tabs appears ?

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[broadsword]

Sure, right here, @Radu :

http://www.myselfdefensetraining.com/awesome-enrollment-options/

See the four tabs below the first image? I’d like to figure out how to make each take up 1/4th of the width instead of being all stacked up in the center.

[Radu]

Hi,

Use this css add it to Wp-Admin -> Theme Options -> General Settings -> Quick CSS

COPY CODE

li.vc_tta-tab {
    width: 25%;
    padding:0 !important;
    margin: 0 !important;
}

Let me know if its ok

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Radu]

By using this CSS modifications will be applied only for this page, (page with id )

COPY CODE

body.page-id-19038 li.vc_tta-tab {
    width: 25%;
    padding:0 !important;
    margin: 0 !important;
}

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[broadsword]

That’s some very slick CSS right there, @Radu – thanks, will give it a try! 🙂

[broadsword]

Superb, that worked like a charm. Thanks, @Radu!

[Author]

Posts