Changing tables for mobile - Debut theme

Solved
Highlighted
Tourist
5 0 1

Hello, I'm using the Debut theme for my website.

https://clothmaskline.com/

But the tables look terrible on mobile devices:

0 Likes
Highlighted
Shopify Partner
836 127 141

This is an accepted solution.

Hi There!

I would suggest you remove the fixed length of the Table and allow it to be swiped right & left on mobile:

Locate the following in your theme.scss :

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

and update it to the following:

table {
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
1 Like
Highlighted
Tourist
5 0 1

Thanks so much! Half of my question seems to have not posted, but you solved it!

0 Likes
Highlighted
Shopify Partner
836 127 141

You're welcome! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes