Product page table column width fit to content

Highlighted
New Member
2 0 0

Hey guys

So I've been struggling with the table on my product page.

Especially on the mobile view the table is causing me headaches. 

I want the left column to be adjusted to the content - so it doesn't take up so much empty space.

 

Anyone any idea on how to fix that problem?

62123942_447861429124113_5799344690243305472_n.jpg

 

0 Likes
Shopify Expert
2167 364 453

For that you can use table-layout: fixed; for your table and give any width to table check this

Add your css in Asset->theme.scss file.

If you cant let me know with store URL.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
New Member
2 0 0

I tried it but it didn't work.

My store URL is: www.slouchrelieve.com

0 Likes
Shopify Expert
2167 364 453

Try to add  table-layoutauto; to this table because some of other css affected.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
2 0 0

Hi Jasoliya, hope you are well. I have tried to apply your method but it still doesn't work. Does it apply to all tables? Because I have a a few tables which don't fit on mobile view and they look fine in horizontal screen but not vertical one. Can you please help me to fix it? Many thanks.

0 Likes
Shopify Expert
2167 364 453

I have checked your store and table looking fine. Whats an issue send me screenshot  so i can understand better. And yes you have to add this css for all table.

table.png

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes