Contain Description on mobile (Size Chart)

Store Design
1

Ola Amigos,

I want to have the size chart/Description on mobile to be contained to the screen, instead of having to scroll/swipe sideways to view the last part of the size chart.

https://refinedlace.com/collections/dresses/products/lace-detail-round-neck-short-sleeve-mini-dress

check it on mobile

Theme: Kairo 2.0.0

2

Hello @Stikkles

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .rte table { width: 100%; } table th { font-size: 10px !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
3

Hi @Stikkles

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

th {

padding: 0 !important;

}

td {

padding: 12px !important;

text-align: center !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly