Tab Length

Hi @jack1972,

The reason the tabs are going on top of each other is related to the way the page is laid out. There isn’t enough space for the tabs to line up horizontally because the product image is forcing the tabs’ container to a width of roughly 560px.

You’ll need to use some CSS or HTML to allow the tabs container to fill the full width of the container it’s in.

Does that make sense?

Let me know if you need any help with that.

Cheers,
Kevin.

Thanks , any idea how i do that with css ?

Hi @jack1972,

I am not sure how much control you have over the HTML layout of your product pages, but typically the image, product content, and product tabs are all in the same container. On your site, the image is in a separate container from the product content and product tabs. This is forcing all of the tab content into the same space as the product content (which is being forced right – purposefully – by the image). Do you have any idea if this is something you can control? Is it possible to either remove the tab content from the product content container (so all three are in separate containers), or add the image to the product and tab content container (so all three are in one container).

To be honest, I am not sure how to solve this purely with CSS but I am trying.

Kevin.

Hi @jack1972,

Here you can see how the image is in one container, and all of the product info in another. Without being able to edit the template itself — breaking out the tabs into its own container — there is no non-hacky way to do this with CSS.

https://cloudup.com/iud8yq4JlCA

If we tried CSS to make this work, it wont be mobile-friendly.

Can you contact the person who made this theme and see if they can modify the template?

I’m sorry we can’t be of more help.
-Tracy