Title: Full Width Tabs
Last modified: May 19, 2019

---

# Full Width Tabs

 *  Resolved [Lens Digital](https://wordpress.org/support/users/lensdigital/)
 * (@lensdigital)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/)
 * 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](https://wordpress.org/support/users/deepaksk45/)
 * (@deepaksk45)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11551192)
 * Hi [@lensdigital](https://wordpress.org/support/users/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](https://wordpress.org/support/users/lensdigital/)
 * (@lensdigital)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11551762)
 * 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/](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](https://wordpress.org/support/users/deepaksk45/)
 * (@deepaksk45)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11553628)
 * Hi [@lensdigital](https://wordpress.org/support/users/lensdigital/) ,
 * Please Share The URL of page Where you want to apply The full width tabs shortcode,
 * Thanks
 *  Thread Starter [Lens Digital](https://wordpress.org/support/users/lensdigital/)
 * (@lensdigital)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11553859)
 * [http://dev.wearelens.co.uk/gutenplay/tab-demo/](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](https://wordpress.org/support/users/deepaksk45/)
 * (@deepaksk45)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11559540)
 * Hi [@lensdigital](https://wordpress.org/support/users/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](https://wordpress.org/support/users/lensdigital/)
 * (@lensdigital)
 * [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11560497)
 * Perfect thank you.

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

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

 * ![](https://ps.w.org/tabs-responsive/assets/icon-256x256.png?rev=2337177)
 * [Tabs Responsive - With WooCommerce Product Tabs Extension](https://wordpress.org/plugins/tabs-responsive/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tabs-responsive/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tabs-responsive/)
 * [Active Topics](https://wordpress.org/support/plugin/tabs-responsive/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tabs-responsive/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tabs-responsive/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Lens Digital](https://wordpress.org/support/users/lensdigital/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/full-width-tabs/#post-11560497)
 * Status: resolved