Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi,
I'm trying to get the tables on my size guide page to stack and auto-adjust the width on mobile devices but I'm not sure how. The tables have a background color and everything looks good on desktop, but on mobile phones the background gets wonky and you have to scroll sideways to see the whole table. The url for the page is https://shopboutiqueen.com/pages/size-guide, password yourmajesty!
Appreciate any advice on how to fix!
Solved! Go to the solution
This is an accepted solution.
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width:800px) {
#size-guide .rte table {table-layout: auto !important; width: 100% !important;}
}
Thanks!
This is an accepted solution.
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width:800px) {
#size-guide .rte table {table-layout: auto !important; width: 100% !important;}
}
Thanks!
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like Solution .
Thanks!
User | RANK |
---|---|
117 | |
97 | |
73 | |
72 | |
45 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022