Size chart table not formatting properly

[massmonster]

Hey Guys

i have an issue in DAWN 11.0.

I am trying to create a size chart by using a table in a page.

When previewing the site the table is not formatted properly and you have to use a slide bar to see the entire table.

Here is a photo:

I want it to just show as a rectangle like this: 

[GTLOfficial]

Hello @massmonster 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-single__description table {
    width: auto!important;
    font-size: 13px!important;
}
</style>

If this was helpful, hit the like button and mark the job as completed.
Thanks

[massmonster]

Thanks for the help but didnt work

[GTLOfficial]

please provide the URL of your website.

[massmonster]

https://vj1d4y62jtfeb810-61384720617.shopifypreview.com

[GTLOfficial]

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find "section-main-product.css" file

find this CSS 

{
    .product--large:not(.product--no-media) .product__info-wrapper {
        padding: 0 0 0 4rem;
        max-width: 35%;
        width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
    }

Replace with this CSS

{
    .product--large:not(.product--no-media) .product__info-wrapper {
        padding: 0 0 0 4rem;
        max-width: 50%;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }

Step 2:- 
Find this CSS  in same file "section-main-product.css" file

.product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 65%;
    width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2);
  }

and Replace with this css

.product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

Step 3:-  
go to the theme "Customize " and follow these steps



Let me know
Thanks

[massmonster]

Hey mate

Didnt work. heres the link to preview

https://j2j09gqcrlvbnapi-61384720617.shopifypreview.com

[Anshul_arora]

Hello @massmonster ,

I understand you are looking to fix formatting of your Size Chart.

If you are facing difficulty in fixing Size Chart issue, then you can also use alternate option, by using Shopify App.

The below mentioned Free Shopify App can help you to display Size Chart as per your requirements -:

- https://apps.shopify.com/size-chart-smart

Kindly take a look

I hope it helps.

Thank you.

[GTLOfficial]

Hello @massmonster 
it seems like it's in another theme can you please share the new theme ( NEW MASS 24-25 ) preview link so I can give you the exact code 

Thanks