Solved

Why is my Shopify size guide table not fully displaying on mobile?

Wladi
Excursionist
40 0 6

Hey guys maybe someone knows the problem. I sell through Printful and there is a size guide. When I import the table into my shop, it is correctly displayed on the desktop but cut off on the mobile phone. Look at the picture. How do I make the table appear on the phone in full size?

 

Screenshot (16).png

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Wladi 

Thanks for URL.

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

@media screen and (max-width: 767px) {
.product-details-wrapper {
    padding: 20px 5px;
}
.table-responsive th, .table-responsive td {
padding: 8px;
}
}

if you have any issue let me know i can help you.

If helpful then please Like and Accept Solution.
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

Replies 54 (54)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Wladi 

Thanks for Post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
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
Wladi
Excursionist
40 0 6

Thank you. Heavyfit.de (wladwlad)

Wladi
Excursionist
40 0 6

Here is the HTML-Code maybe it helps.

 

<div class="table-responsive dynamic" data-unit-system="metric">
<table cellpadding="5" style="width: 186px; margin-left: auto; margin-right: auto;" height="101">
<tbody>
<tr style="height: 19px;">
<td style="width: 40px; height: 19px;"> </td>
<td style="width: 18px; height: 19px;"><strong>XS</strong></td>
<td style="width: 16px; height: 19px;"><strong>S</strong></td>
<td style="width: 16px; height: 19px;"><strong>M</strong></td>
<td style="width: 16px; height: 19px;"><strong>L</strong></td>
<td style="width: 17px; height: 19px;"><strong>XL</strong></td>
<td style="width: 10px; height: 19px;"><strong>2XL</strong></td>
</tr>
<tr style="height: 15px;">
<td style="width: 40px; height: 15px;"><strong>Länge (cm)</strong></td>
<td style="width: 18px; height: 15px;">69</td>
<td style="width: 16px; height: 15px;">71</td>
<td style="width: 16px; height: 15px;">74</td>
<td style="width: 16px; height: 15px;">76</td>
<td style="width: 17px; height: 15px;">79</td>
<td style="width: 10px; height: 15px;">81</td>
</tr>
<tr style="height: 38px;">
<td style="width: 40px; height: 38px;"><strong>Breite (cm)</strong></td>
<td style="width: 18px; height: 38px;">42</td>
<td style="width: 16px; height: 38px;">46</td>
<td style="width: 16px; height: 38px;">51</td>
<td style="width: 16px; height: 38px;">56</td>
<td style="width: 17px; height: 38px;">61</td>
<td style="width: 10px; height: 38px;">66</td>
</tr>
</tbody>
</table>
</div>

KetanKumar
Shopify Partner
36839 3635 11972

@Wladi 

Thanks for it.

sorry for that your store is password protected can you please share us.

If helpful then please Like and Accept Solution.
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
Wladi
Excursionist
40 0 6

Yes of course password is wladwlad


@KetanKumar wrote:

@Wladi 

Thanks for it.

sorry for that your store is password protected can you please share us.


 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Wladi 

Thanks for URL.

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

@media screen and (max-width: 767px) {
.product-details-wrapper {
    padding: 20px 5px;
}
.table-responsive th, .table-responsive td {
padding: 8px;
}
}

if you have any issue let me know i can help you.

If helpful then please Like and Accept Solution.
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
Wladi
Excursionist
40 0 6

Thank you very much it works (:

Vnsa
Excursionist
33 0 13

Hi - I'm trying to fix the same problem, make tables responsive for mobile but we have Mr Parker theme and there isn't a timber.ccs 

here's the visual of the issue - on desktop we have a table with 2 images side by side

desktop view.png

on the mobile it only shows 1 image and the edge of the 2nd

mobile table issue.png

site is www.lindseybrown.com

hope you can help !

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

Thanks for post 

i have check this issue but sorry i can't see any table on product page can you please share product URL if you have any table formate code

If helpful then please Like and Accept Solution.
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
Vnsa
Excursionist
33 0 13

Thanks for replying to my query @KetanKumar 

it's actually a page - not product page 

https://www.lindseybrown.com/pages/beautiful-silk-maxi-dress

I was wondering if i should create a different page template rather than change the ccs for all tables?

 

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

Thanks 

it's not image code that's iframe so can you please change your code many inline CSS doesn't properly work on mobile 

If helpful then please Like and Accept Solution.
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
Vnsa
Excursionist
33 0 13

Ah I see - the images are embedded directly from instagram so I have copied the embed code directly 

Here's part of the code (I've taken out the a href details) - looking at it now, is it the width 100% that's the issue?

 

<div style="padding: 16px;"><a href=XXX" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank" rel="noopener noreferrer">
<div style="display: flex; flex-direction: row; align-items: center;">
<div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;">
<div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div>
<div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div>
</div>

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

I thinks is fine can you try this

 

 

If helpful then please Like and Accept Solution.
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
Vnsa
Excursionist
33 0 13

not seeing your suggestion? thanks again for helping !

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

I mean this current code you can please add 

If helpful then please Like and Accept Solution.
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
Vnsa
Excursionist
33 0 13

That's the code that's already there ?

I created a table on the page - with one row - two cells 

<table width="100%">
<tbody>
<tr>
<td>

Then added in the embed code from instagram that starts

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/XXX" data-instgrm-version="12" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);">
<div style="padding: 16px;"><a href="XXX" style="background: #FFFFFF; line-height: 0; padding: 0 0; text-align: center; text-decoration: none; width: 100%;" target="_blank" rel="noopener noreferrer">
<div style="display: flex; flex-direction: row; align-items: center;">
<div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div>

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

Thanks 

i mean remove table format add div code 

If helpful then please Like and Accept Solution.
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
Vnsa
Excursionist
33 0 13

Hi - yes i'd worked that out, it's worked although at the moment the two images are small (on a desktop) version so I'm investigating how I fix that if you have any suggestions?

KetanKumar
Shopify Partner
36839 3635 11972

@Vnsa 

Thanks for update.

If helpful then please Like and Accept Solution.
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
jiraffeking
Excursionist
15 0 8

We are having this issue as well with the Debut theme on mobile as shown below. How can we fix this? Can someone please help?!

IMG_BB27638E1902-1.jpeg

KetanKumar
Shopify Partner
36839 3635 11972

@jiraffeking 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
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
jiraffeking
Excursionist
15 0 8
KetanKumar
Shopify Partner
36839 3635 11972

@jiraffeking 

Thanks for it

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

@media only screen and (max-width: 749px) {
.product-single__description .rte table tr td:first-child {
    width: 60px;
}
.product-single__description th, .product-single__description td {
    text-align: left;
    border: 1px solid #e8e9eb;
    padding: 4px 5px;
    font-size: 10px;
}
}

 

If helpful then please Like and Accept Solution.
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
jiraffeking
Excursionist
15 0 8

@KetanKumar Thank you very much for your help!

KetanKumar
Shopify Partner
36839 3635 11972

@jiraffeking 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
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
SDBdigital
Shopify Partner
67 0 16

Hi.

I also need help making a table responsive.

See attached image for desktop layout. Ideally on mobile I'd like it to collapse to 2 columns.

Using Prestige theme.

site URL: https://arouz.biz

password: naughtyfun

This is the code I'm using for the table:

<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0lax{text-align:center;vertical-align:middle}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0lax" width="25%">Discreet <br>delivery<br><img src="https://cdn.shopify.com/s/files/1/0524/7991/8233/files/icon-discreet.png?v=1615368040">
</th>
<th class="tg-0lax" width="25%">elegant &amp; subtle packaging<br><img src="https://cdn.shopify.com/s/files/1/0524/7991/8233/files/icon-packaging.png?v=1615368040">
</th>
<th class="tg-0lax" width="25%">secure payments with 3d secure<br><img src="https://cdn.shopify.com/s/files/1/0524/7991/8233/files/icon-3d-secure.png?v=1615368040">
</th>
<th class="tg-0lax" width="25%">electronic <br>gift cards<br><img src="https://cdn.shopify.com/s/files/1/0524/7991/8233/files/icon-gift-cards.png?v=1615368040">
</th>
</tr>
</thead>
</table>

Screenshot 2021-04-08 at 11.49.57.png

KetanKumar
Shopify Partner
36839 3635 11972

@SDBdigital 

thansk for update  

can you please use other section like logo or image  gallery it much better doesn't use table code 

If helpful then please Like and Accept Solution.
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
SDBdigital
Shopify Partner
67 0 16

Hi @KetanKumar 

Unfortunately this theme does not have a logo or image gallery.

also, the builtin sections don't allow me to control the exact size of the icons.

A table seems my best option.

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@SDBdigital 

which theme you have used?

If helpful then please Like and Accept Solution.
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
SDBdigital
Shopify Partner
67 0 16

HI @KetanKumar 

 

Using Prestige Theme

sheenutlang
Visitor
1 0 0

Hi I have the same issue in our site. Can you please help us?
Also, I can't find the timber file in the code files.

https://www.hawaiiansouthshore.com/pages/shipping

Thank you so much.

KetanKumar
Shopify Partner
36839 3635 11972

@sheenutlang 

possible to only scroll in mobile asper your content

If helpful then please Like and Accept Solution.
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
Kadz
Tourist
8 0 1

Hi @KetanKumar ,

 

hope you can help me as well with my problem. I have the same issue with my table, which is not displayed correctly in mobile view.

 

This is the page: https://carisma-mobil.myshopify.com/pages/tarifubersicht

 

Best regards

Ade83
Tourist
3 0 1

Hi @sheenutlang 

Try using these steps below     note: using a laptop/desktop makes it easier than using a phone cause you see everything clearly

 

1. Log into your shopify main  e.g https://yourshop.myshopify.com/admin
2. Under Sales channels click online store>themes
3. In your live,  click actions>edit code

Here you willl find your code files,   look in Assets you'll find timber file mine is called timber.scss.liquid

 

What you do in this file affects other stuff in the whole site so be careful. 

after this add the zebra striping code from the css page to make sure you are at the right place to edit your code       https://css-tricks.com/responsive-data-tables/. once u copy paste and save the code refresh. if you have zebra striping on your table succesfully. Just follow the rest of the code and replace your values for the places where it says nth of type before with your own table headers.  

This is the zebra stripe code for table below.

 

table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } th { background: #333; color: white; font-weight: bold; } td, th { padding: 6px; border: 1px solid #ccc; text-align: left; }

Admo
Visitor
1 0 1

Will this work my store as well? I created a page and where I inserted a table. On desktop it works fine but has the same issue when on a mobile device.

 

KetanKumar
Shopify Partner
36839 3635 11972

@Admo 

can you please send store url

If helpful then please Like and Accept Solution.
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
Nathan_Wright1
Excursionist
33 0 2

Hello, I am trying to create a table like this:

responsive like gallery.png


This is the closest code example I have found:
https://codepen.io/kilianso/pen/BpZqON

How can I customize this code to suit my needs?

Your assistance is kindly appreciated.


MAYIN
Visitor
2 0 1

Hi Ketan,

 

I am facing the same issue for my website. Would you be able to help here. Theme - Brooklyn, URL - https://mayindia.in/products/coral-handwoven-muslin-cottonScreenshot 2021-08-19 at 10.56.10 PM.png

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@MAYIN 

sorry for that issue can you pleas confirm this look?

If helpful then please Like and Accept Solution.
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
MAYIN
Visitor
2 0 1

Hi Ketan - I am sorry but I didn't get your point.

Notschger
Excursionist
17 1 5

Hello @KetanKumar 

My Shop: https://customicezurich.com/ Password: notschger

I created a table on my Sizing page. The problem is on the mobile version it is still full length. I would like to have it responsive (one should be able to scroll through it but the page should remain the mobile size version).

Notschger_0-1636454669997.png

How can i fix that?

Thanks in advance

KetanKumar
Shopify Partner
36839 3635 11972

@Notschger 

sorry for that issue can you please show me prodct url

If helpful then please Like and Accept Solution.
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
Notschger
Excursionist
17 1 5
KetanKumar
Shopify Partner
36839 3635 11972

@Notschger 

thanks for it

i have check code you have added inline css in table code please remove and check

If helpful then please Like and Accept Solution.
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
Notschger
Excursionist
17 1 5

@KetanKumar 

Im confused what do i have to delete?

I dont want to change the formatting of the table.

KetanKumar
Shopify Partner
36839 3635 11972

@Notschger 

that's all td inline style

KetanKumar_0-1636494664160.png

 

If helpful then please Like and Accept Solution.
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
Notschger
Excursionist
17 1 5

@KetanKumar 

<style type="text/css"><!--
table.sizingchart {
width: 100%;
text-align: center;
border-collapse: collapse;
}
table.sizingchart tr:nth-child(even) {
background: #EEEEEE;
}
--></style>

<table class="sizingchart" style="width: 100%;">
<tbody>
<tr>
<td style="width: 109px; text-align: center;"><strong>Length (mm)</strong></td>
<td style="width: 38px; text-align: center;">44</td>
<td style="width: 38px; text-align: center;">47</td>
<td style="width: 38px; text-align: center;">49</td>
<td style="width: 38px; text-align: center;">52</td>
<td style="width: 38px; text-align: center;">55</td>
<td style="width: 38px; text-align: center;">57</td>
<td style="width: 38px; text-align: center;">60</td>
<td style="width: 38px; text-align: center;">62</td>
<td style="width: 38px; text-align: center;">65</td>
<td style="width: 38px; text-align: center;">67</td>
<td style="width: 38px; text-align: center;">70</td>
</tr>
<tr>
<td style="width: 109px; text-align: center;"><strong>US Size</strong></td>
<td style="width: 38px; text-align: center;">3</td>
<td style="width: 38px; text-align: center;">4</td>
<td style="width: 38px; text-align: center;">5</td>
<td style="width: 38px; text-align: center;">6</td>
<td style="width: 38px; text-align: center;">7</td>
<td style="width: 38px; text-align: center;">8</td>
<td style="width: 38px; text-align: center;">9</td>
<td style="width: 38px; text-align: center;">10</td>
<td style="width: 38px; text-align: center;">11</td>
<td style="width: 38px; text-align: center;">12</td>
<td style="width: 38px; text-align: center;">13</td>
</tr>
<tr>
<td style="width: 109px; text-align: center;"><strong>UK &amp; AUS Size</strong></td>
<td style="width: 38px; text-align: center;">F</td>
<td style="width: 38px; text-align: center;">H</td>
<td style="width: 38px; text-align: center;">J<span>½</span></td>
<td style="width: 38px; text-align: center;">L<span>½</span></td>
<td style="width: 38px; text-align: center;">N<span>½</span></td>
<td style="width: 38px; text-align: center;">P<span>½</span></td>
<td style="width: 38px; text-align: center;">R<span>½</span></td>
<td style="width: 38px; text-align: center;">T<span>½</span></td>
<td style="width: 38px; text-align: center;">V<span>½</span></td>
<td style="width: 38px; text-align: center;">X<span>½</span></td>
<td style="width: 38px; text-align: center;">Z1</td>
</tr>
<tr>
<td style="width: 109px; text-align: center;"><strong>EUR Size</strong></td>
<td style="width: 38px; text-align: center;">44</td>
<td style="width: 38px; text-align: center;">47</td>
<td style="width: 38px; text-align: center;">49</td>
<td style="width: 38px; text-align: center;">52</td>
<td style="width: 38px; text-align: center;">55</td>
<td style="width: 38px; text-align: center;">57</td>
<td style="width: 38px; text-align: center;">60</td>
<td style="width: 38px; text-align: center;">62</td>
<td style="width: 38px; text-align: center;">65</td>
<td style="width: 38px; text-align: center;">67</td>
<td style="width: 38px; text-align: center;">70</td>
</tr>
<tr>
<td style="width: 109px; text-align: center;"><strong>East Asia Size</strong></td>
<td style="width: 38px; text-align: center;">4</td>
<td style="width: 38px; text-align: center;">7</td>
<td style="width: 38px; text-align: center;">9</td>
<td style="width: 38px; text-align: center;">11</td>
<td style="width: 38px; text-align: center;">14</td>
<td style="width: 38px; text-align: center;">16</td>
<td style="width: 38px; text-align: center;">18</td>
<td style="width: 38px; text-align: center;">20</td>
<td style="width: 38px; text-align: center;">23</td>
<td style="width: 38px; text-align: center;">25</td>
<td style="width: 38px; text-align: center;">27</td>
</tr>
</tbody>
</table>

This is the code of my table what do i have to change exactly?

 

KetanKumar
Shopify Partner
36839 3635 11972

@Notschger 

yes please find and removed 

style="width: 109px; text-align: center;"
style="width: 38px; text-align: center;"
all TD

If helpful then please Like and Accept Solution.
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
Ade83
Tourist
3 0 1

Hello @KetanKumar 

 

I have the same problem with my size chart in my website

Please I would appreciate if you could help out

 

address is https://adebyfemi.com/pages/customer-service

https://adebyfemi.com/pages/size-guidance

 

Thank you.