How can I adjust table rows for optimal mobile view?

Technical Q&A
1

Hi Friends,

I have created a table row for my Shopify store. The row uses that code:


TAMPEREEN LUONTOKAUPPA

Laukontori 4
33200 TAMPERE
puh. 03 222 0077



RUOHONJUURI AINOA
Länsituulentie 50
02100 Espoo
puh. 044 763 9560


RUOHONJUURI OY CITYCENTER
Keskuskatu 6
00100 HELSINKI
puh. 020 766 9755

That looks really good on desktop devices, but awful in mobile view.

My question: How can I set mobile view from 3 rows per line → to 1 row per line?

URL: https://tervaskanto.myshopify.com/pages/jalleenmyyjat

Password: whawst

2

Hello There,

  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: 767px){
section.entry-content table tbody td {
width: 100% !important;
display: inline-block;
padding: 15px 0;
font-size: 13px;
}

section.entry-content table tbody td p.p1 {
margin: 0;
}

section.entry-content table {
margin: 0;
}

div#shopify-section-footer footer {
margin-top: 0;
padding-top: 0;
}

section.entry-content table tbody td:nth-child(2) p {
display: inline-block;
}

section.entry-content table tbody td:nth-child(2) p br:nth-child(1) {
display: none;
}
}

3

It works - thank you soooo much @ZestardTech !

4

Kindly feel free to get back to me if you need any further assistance Thanks!

5
2P TRADING S.r.l. Livia Pardini livia@2ptrading.com Italy marble, granite, stones A&G 23 S.r.l. Gian Luca gianluca@ag23.net Italy limestone AADHAR PRIMEEXIM PRIVATE LTD. Premesh Bhootra premesh@drtcindia.com India sandstone, marble, granite, slatestone & quartzite AAPT DISTRIBUTION PVT LTD Raman Yuvarajan raman@aapt.co.in India granite blocks, slabs, tiles & tombstones AARDWOLF INDUSTRIES LLC Nhan Vien Ky nhan@aardwolf.com.vn Vietnam stone, glass A.A.T.C. AND CO. S.r.l. Richard Branson richard.branson@aatc.it Italy marble & granite

This my table code its desktop view good but mobile view not same please suggest me to how fix this am trying your above code also but i cont fix that please give me best solution for this Thank you