How to format a table on a shopify page - Dawn Theme

How to format a table on a shopify page - Dawn Theme

WaterfrontClub
Tourist
7 0 1

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'

 

WaterfrontClub_0-1711143574198.png

WaterfrontClub_2-1711143720346.png

 

 

 

Replies 2 (2)

LuffyOnePiece
Shopify Partner
645 93 119

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:

LuffyOnePiece_0-1711169288049.png

 

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
WaterfrontClub
Tourist
7 0 1

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.