Shopify themes, liquid, logos, and UX
When I look at the webpage the columns are extremely wide, how do I customize how big they come across? Is there a way to customize the boldness of the lines and other aspects?
It looks much smaller when I go to edit it.
https://waterfrontclubcollection.com/pages/size-charts
website password is 'waterfront'
Hi @WaterfrontClub ,
The only way to make table responsive is to make the table scrollable.
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
.rte.scroll-trigger.animate--slide-in {
width: 100%;
overflow-x: auto;
}
Result:
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
Thank you for your reply!
I ended up making a table in Microsoft word with the correct dimensions, and then copy and pasted it into the page editor and that worked out.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025