Table formatting in mobile - Debut

Solved
Highlighted
Explorer
65 1 10

Hi all

For some reason my table on my product page has incorrect formatting in mobile view. As you can see the word 'amount' and the numbers runs over the gridline. Does anyone know the fix? It look's fine in desktop mode!

Site = hakamount.co.uk

pw = ceesti

hakamount_0-1598298571626.png

Thanks

haka

0 Likes
Highlighted
Shopify Partner
833 127 141

This is an accepted solution.

Hi There!

I would suggest you remove the fixed length of the Table and apply the below:

Locate the following in your theme.scss :

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

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
Explorer
65 1 10

Thank you that worked perfectly!

0 Likes
Highlighted
Explorer
65 1 10

@JHKC hi JHKC, I am facing the same issue in the Cart page, but in the code I am already using auto. Any ideas how to fix?

website = hakamount.co.uk   password = ceesti

hakamount_0-1599769752327.png

 

0 Likes