How to change the product tabs from horizontal to vertical

Highlighted
New Member
1 0 0

I am currently using the coding below for my brookylnn theme. When i have more then three tabs, the buttons stack up in horizontal and vertical both way. Its just look horrible on web, can someone help ?

 

<div class="tab"

  <button class="tablinks" onclick="openTab(event, 'Description')" id="defaultOpen">Description</button>

  <button class="tablinks" onclick="openTab(event, 'Size')">Size Chart</button>

  <button class="tablinks" onclick="openTab(event, 'Shipping')">Shipping</button>

</div>

<div id="Description" class="tabcontent">

  <h3>Description</h3>

  <!-- ENTER YOUR DESCRIPTION BELOW -->

</div>

<div id="Size" class="tabcontent">

  <h3>Size Chart</h3>

  <!-- ENTER YOUR SIZE CHART BELOW -->

  <img src=""/> <!-- IF YOUR SIZE CHART IS AN IMAGE, ADD YOUR IMAGE URL INSIDE THE QUOTES -->

</div>

<div id="Shipping" class="tabcontent">

  <h3>Shipping</h3

  <!-- ENTER YOUR SHIPPING INFORMATION BELOW -->

</div>....etc

0 Likes
Highlighted
Shopify Partner
439 45 65

Hi @Kennyl ,

Please include your store URL so I can take a closer look at the issue and possibly post a solution here (if it doesn't require to look at the backend code).

Thanks

Umair Abbas

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes