Tabs and Accordions: Fix formatting issues

When seeing formatting issues with local tabs and accordions, have a look at your HTML markup in the Product description:

https://shopify.com/admin/products

Use the Code view icon to toggle from regular rich text mode to code view:

Scroll down to your local tabs area and inspect your  <h6> tags. Look for any additional formatting like style code. 

Try to keep your <h6>Tab tittle</h6> clean:

Example of good formatting:

<h6>INGREDIENTS</h6>

Example of extra style code which will break the tab/accordion formatting:

<h6 style="text-align: left;"><span>INGREDIENTS</span></h6>

The added style in the in the <h6> tag will cause formatting issues. Clean out any extra styles you have in your HTML markup to help fix tab and accordion issues.

Still need help? Contact Us Contact Us