[SOLVED] HTML Table cannot reduce its size on mobile to fit vertical orientation

[artway]

Hi,

 

I created an HTML Table within Product Description on  Product Page. Width Size = 100%, Font-size = 80%. I created a class within global css for table formatting.

The table resizing work well on comp., digital pad, and mobile but only in horizontal display.

Vertical mobile display doesn't reduce table size to fit the screen width.

Does anybody solved this problem? Thank you.

 

Regards.

[vekia]

any chance to see it live?

it works the same in different browsers?

what code you added to display this table?

it's bootstrap template?

[artway]

Hi Vekia,

Thank you for your response.

 

There is a good news. I was able to fix it.

Here is how.

I noticed that the text in the mobile display didn't reduce it size to allow to shrink the table.

I created a new style in the theme > mobile > css > global.css to define font percentage 65%.

 

Now it works. What I have learnt is that style for mobile devices are located in the different folder.

 

Thanks a lot for your concern and your dedication to keep up Prestashop templates running.

[vekia]

thank you for sharing your knowledge about solution

it will be useful for other merchants with similar problems

 

i marked your answer as a solution and whole topic as solved

 

with regards,

Milos