Full Width Tabs | ww.wp.xz.cn

Resolved Lens Digital
(@lensdigital)

7 years ago

Hi,

Is it possible to make the tabs themselves full width?

i.e. Make the all of tabs the same width as the description

Either via additional CSS or via an option

Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

Deepak Solanki
(@deepaksk45)

7 years ago

Hi @lensdigital ,

If your Theme Support The Full with Page template, Our tabs Will show On full Screen / width( 100% ) ,
Please Check your Theme

Thanks

Thread Starter Lens Digital
(@lensdigital)

7 years ago

Deepak,

I don’t think I asked a very good question.

Have a look at Template 1 in the demo – http://demo.wpshopmart.com/tabs-pro-plugin-demo-for-wordpress/

If you look at the tabs “Web Design” etc, they are not the same width as the bordered box below i.e. there is white space to the right of the “Logo Design” tab.

I would like to make the tabs stretch so that they are the same width as the description box.

Is that clearer?

Deepak Solanki
(@deepaksk45)

7 years ago

Hi @lensdigital ,

Please Share The URL of page Where you want to apply The full width tabs shortcode,

Thanks

Thread Starter Lens Digital
(@lensdigital)

7 years ago

http://dev.wearelens.co.uk/gutenplay/tab-demo/

I would like it to look like one long dark rectangle so the tab line is the same width as the description box.
Deepak Solanki
(@deepaksk45)

7 years ago
Hi @lensdigital ,

Put this Style in your style to make tabs Full Width
```
.wpsm_nav.wpsm_nav-tabs {
    justify-content: space-between;
    width: 100%;
    white-space: nowrap;
    display: flex;
}
.wpsm_nav.wpsm_nav-tabs li {
    display: block;
    width: 100%;
    cursor: pointer;
}
```
Thanks
Thread Starter Lens Digital
(@lensdigital)

7 years ago

Perfect thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Full Width Tabs’ is closed to new replies.

6 replies
2 participants
Last reply from: Lens Digital
Last activity: 7 years ago
Status: resolved