This reference store seems to be using the same theme as us but their tabs look much better: https://peachibaby.com/collections/reusable-nappies/products/mushroom-reusable-nappy-set. I would like for the tabs to look as they do in this website. Please refer to the laptop mode only - the mobile changes to accordion.
This is the HTML code I am currently using in order to get the tabs option for product description. The problem is it looks messy and is not aligned well. I am not sure if i should be editing this HTML code thats inputted on the product page or the main .css code. Would really appreciate the help! Here is the link to our website: https://7i0tri9tkrkybnkn-25528598590.shopifypreview.com
<ul class="tabs-horizontal headings"> <li>Tab 1 title </li> <li>Tab 2 title </li> <li>Tab 3 title</li> </ul> <ul class="tabs content"> <li> <p>Content for tab 1...</p> </li> <li> <p>Content for tab 2...</p> </li> <li> <p>Content for tab 3...</p> </li> </ul>