The table doesnt fit in mobile view (I've read everyone's and it's not working)

[JonasNilsson]

Hi,

As the title says. My whole site looks so bad in Mobile view. Especially products information/description. I'm selling supplements and I have to have ingredient-list as a table. I've read all the shopify questions, but I just can't make it to work.

I have a payed theme and also description tab.

I've tried to put all the different:

@media only screen and (max-width: 749px) { 

 ...on theme.css and theme liquid. Also tried in the Preview tab app. Shopify can't help me, theme company can't help me. I don't know what to do.

I could be doing it wrong, as I said I'm not a coder of any sort, but I managed to build my first website through Shopify.

Questions that I can think of right now. I've been changing the codes in theme.css etc in the copied version, not the Active version. Nothing happens. Also, Should the code be for all separate or can it include all products?  

Let me know if  you need anything like website. Thank you in advance!  

[wattsmork]

Hello @JonasNilsson ,

Could you share your store url with the store password(If it is development store).

You can contact me directly to discuss in details

Here is my email address [email protected]

Regards

Morgan

[JonasNilsson]

Hi,

Thank you for answer! It's open and the url is: www.genous.se - No password needed 🙂

[wattsmork · Accepted solution]

@JonasNilsson 

Could you add below code to theme.css file?

.smart-tabs-content-block table {
  display: table;
  white-space: normal;
}

Hope this code helps you

[JonasNilsson]

Wow- it really did the trick!! Thank you heaps!!