Accordions: Force accordions instead of tabs

In Pipeline, horizontal tabs are the default format style to display tab content. As you add additional tabs and space becomes limited to display the tab titles, Pipeline will switch the display style from horizontal tabs to vertical accordions. You may see this more frequently on mobile devices as they have less space to show all your tabs on a horizontal format. 

Some shops would always like to display accordions. In order to do this, you can use the following CSS override code to force vertical accordions at all times:

/* -- Start Pipeline override code to always force tabs -- */
.product-tabs{
    display: none !important;
}
.product-accordion{
    display: block !important;
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us