How can I make a table responsive on my ecommerce site?

Shopify Discussion
1

Hi

How do I make the below table responsive on my shopify site?

www.healthyherby.co.za

pssword: Thaila

Melcky_0-1647268510868.png
Melcky_0-1647268510868.png353×858 20.9 KB

2

Hi @Melcky
Use this css

@media screen and (max-width: 767px){
.rte table {
	overflow-x: auto;
	display: block;
}
.rte table tbody {
	width: 600px !important;
	max-width: 600px !important;
	display: table;
}
}

for mobile it will add scroll in table, But table will look nice.

Dbuglabpvtltd_0-1647278912769.png
Dbuglabpvtltd_0-1647278912769.png437×579 4.65 KB

3

Thanks, @Dbuglabpvtltd .

Could you guide me on where this should be inserted?