Mobile-friendly table in a Shopify Pages Page

HudsonAtlantic · ‎10-18-2022

Trying to get this table to display correctly on mobile. Any advice?

https://wargamesatlantic.com/pages/copy-of-release-schedule-1

Thanks!

KetanKumar · ‎10-18-2022

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 719px) {
.rte td {
    display: table-cell;
    width: 100%;
}
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar · ‎10-18-2022

@HudsonAtlantic

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 719px) {
.rte td {
    display: table-cell;
    width: 100%;
}
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

HudsonAtlantic · ‎10-18-2022

Thank you that seems to have worked out!

HudsonAtlantic · ‎10-18-2022

Will it affect anything else on the site?

Mobile-friendly table in a Shopify Pages Page

Mobile-friendly table in a Shopify Pages Page

Community Blog Articles