Title: Tabs not aligned
Last modified: July 2, 2017

---

# Tabs not aligned

 *  Resolved [blclasalle](https://wordpress.org/support/users/blclasalle/)
 * (@blclasalle)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/tabs-not-aligned/)
 * After adding a custom tab, it looked not aligned when I see my webpage on mobile.
   How can I solve this alignment issue?
    example page below: [https://wawa168.shop/product/美國黑金](https://wawa168.shop/product/美國黑金)

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

 *  Plugin Contributor [Tracy Levesque](https://wordpress.org/support/users/liljimmi/)
 * (@liljimmi)
 * 🏳️‍🌈 YIKES, Inc. Co-Owner
 * [8 years, 11 months ago](https://wordpress.org/support/topic/tabs-not-aligned/#post-9284911)
 * Hello [@blclasalle](https://wordpress.org/support/users/blclasalle/),
 * Which element is not aligned exactly? The tab names or the content inside them.
 * This is how they look now. How would you like them to look?
 * [https://cloudup.com/iFiDs9jxciI](https://cloudup.com/iFiDs9jxciI)
 * Thank you!
    -Tracy
    -  This reply was modified 8 years, 11 months ago by [Tracy Levesque](https://wordpress.org/support/users/liljimmi/).
 *  Thread Starter [blclasalle](https://wordpress.org/support/users/blclasalle/)
 * (@blclasalle)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/tabs-not-aligned/#post-9285649)
 * Drar Tracy [@liljimmi](https://wordpress.org/support/users/liljimmi/)
    Thank 
   you for your kindly reply. Currently it looked like first one is not aligned 
   center. ..描述 ….細節 …評價(2)
 * It would be perfect if the tabs are aligned center like this one below
    ….描述….
   細節 …評價(2)
 * in English Version
 * …Description
    …….Detail ….Reviews(2) How can we aligned this to center? …means
   space Thanks for your time.
    -  This reply was modified 8 years, 11 months ago by [blclasalle](https://wordpress.org/support/users/blclasalle/).
    -  This reply was modified 8 years, 11 months ago by [blclasalle](https://wordpress.org/support/users/blclasalle/).
    -  This reply was modified 8 years, 11 months ago by [blclasalle](https://wordpress.org/support/users/blclasalle/).
    -  This reply was modified 8 years, 11 months ago by [blclasalle](https://wordpress.org/support/users/blclasalle/).
 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [8 years, 11 months ago](https://wordpress.org/support/topic/tabs-not-aligned/#post-9304949)
 * Hi [@blclasalle](https://wordpress.org/support/users/blclasalle/),
 * Sorry for the delay; I was away last week.
 * There is a CSS line in your theme’s styles.css file that is causing the first
   tab (“Description” in English) to be without a margin. The rest of the tabs have(
   small) left margins on them. This is the CSS I’m referring to:
 *     ```
       .product_layout_classic .woocommerce-tabs ul.tabs li:first-child {
       margin-left: 0 !important;
       }
       ```
   
 * This margin difference is what is causing the layout issue. To fix this, you 
   could either remove this line from your styles.css file, or you could change 
   it to:
 *     ```
       .product_layout_classic .woocommerce-tabs ul.tabs li {
       margin-left: 0 !important;
       }
       ```
   
 * This will target all of the tab titles and add margins to each one (instead of
   just the first). I’ve done some simple tests for different screen sizes and this
   change seems to have no negative effect.
 * If you’re familiar with CSS, there are many different ways to accomplish what
   you’re trying to do but they will all involve adding/removing/changing your theme’s
   styles.css file.
 * Hope that makes sense,
    Kevin.

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

The topic ‘Tabs not aligned’ is closed to new replies.

 * ![](https://ps.w.org/yikes-inc-easy-custom-woocommerce-product-tabs/assets/icon-
   256x256.png?rev=1558461)
 * [Custom Product Tabs for WooCommerce](https://wordpress.org/plugins/yikes-inc-easy-custom-woocommerce-product-tabs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yikes-inc-easy-custom-woocommerce-product-tabs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yikes-inc-easy-custom-woocommerce-product-tabs/)
 * [Active Topics](https://wordpress.org/support/plugin/yikes-inc-easy-custom-woocommerce-product-tabs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yikes-inc-easy-custom-woocommerce-product-tabs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yikes-inc-easy-custom-woocommerce-product-tabs/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)

 * 3 replies
 * 3 participants
 * Last reply from: [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * Last activity: [8 years, 11 months ago](https://wordpress.org/support/topic/tabs-not-aligned/#post-9304949)
 * Status: resolved