Problems with tables in mobile devices

Solved
Highlighted
Explorer
70 1 10

Hi all,

 

I am using tables into product descriptions and in the blog to have content with columns. In desktop it work perfectly but I have huge problems when we come into mobile devices. Pictures are removed and we have to scroll to could read the text.
Anyone knows if it is possible to solve it?

 

Here some screenshots:

 

Captura de pantalla 2020-07-10 a las 11.51.32.pngCaptura de pantalla 2020-07-10 a las 11.51.44.png

0 Likes
Highlighted

Hello , 

Welcome to the Shopify community! and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

 

Belgacem Ben ltaif
Web consultant /Shopify Expert/ CTO Powerful Consulting
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
https://about.me/benltaif
0 Likes
Highlighted
Explorer
70 1 10

Hi @Belgacem Thank you for your answer. This is an example of a page where I have problems https://alblancatelier.com/collections/flores/products/ramo-de-campo-fucsia

0 Likes
Highlighted

This is an accepted solution.

Hello @noemi2 

Thanks for URL.

Add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.Table, .Rte table{
  white-space: unset;
}
keep me posted if that corrects your problem 
Belgacem
Belgacem Ben ltaif
Web consultant /Shopify Expert/ CTO Powerful Consulting
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
https://about.me/benltaif
1 Like
Highlighted
Explorer
70 1 10

@Belgacem It works perfectly! tahnk you a lot!

0 Likes
Highlighted

Hello @noemi2 , 

Thank you, glad to be able to help, don't hesitate if you have any other questions.

Welcome  

Belgacem Ben ltaif
Web consultant /Shopify Expert/ CTO Powerful Consulting
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
https://about.me/benltaif
0 Likes