How to create table responsive to mobile & desktop view (according to screen size) Dawn theme

Shopify Discussion
1

Hi, i am having problem creating table responsive to mobile view as well and desktop view? if i adjust table size to mobile view then it is shorter in desktop and vise versa?

any good suggestion? site - https://deshoeshop.com

thanks

2

hello @DSS5
Please Add This CSS
Go to Online Store >Select Theme > Edit Code > Assets > base.css

.accordion__content.rte .tg {
	width: 100% !important;
}
@media only screen and (max-width:749px){
.accordion__content.rte .tg {
	width: auto !important;
}
}

Like This
Mobile View

oscprofessional_0-1692596628532.png
oscprofessional_0-1692596628532.png511×711 24.3 KB

Desktop View

oscprofessional_1-1692596672195.png
oscprofessional_1-1692596672195.png1517×789 195 KB

This Solution its useful please Like and Accept Solution

3

Thanks for the code and its working fine in product description accordion but i also have a link in footer and that need to be fix to. Any suggestion for that please?