How to make this to slidable??

[Emiway]

I want this product description to be slidable in mobile view cause it is going out of the width

URL: https://a6b804-0a.myshopify.com/products/alpha-wire

[Henry_dev · Accepted solution]

Hi @Emiway You can use this code: 

#shopify-section-template--15191599874120__custom_liquid_PNFHYB .section-blends {
overflow-x: auto;
}

[BSSCommerce-B2B · Accepted solution]

Hi @Emiway,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.css.

Step 3. Add this code to the end of file

.section.section-blends.section-full {
  overflow: scroll!important;
}

If it helps you, please like and mark it as the solution.

Best Regards

[Henry_dev · Accepted solution]

Hi @Emiway You can use this code: 

#shopify-section-template--15191599874120__custom_liquid_PNFHYB .section-blends {
overflow-x: auto;
}

[BSSCommerce-B2B · Accepted solution]

Hi @Emiway,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.css.

Step 3. Add this code to the end of file

.section.section-blends.section-full {
  overflow: scroll!important;
}

If it helps you, please like and mark it as the solution.

Best Regards

[niraj_patel · Accepted solution]

Hello @Emiway 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .section.section-blends.section-full {
        overflow: scroll;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[topnewyork]

Hi @Emiway , hope you are doing well. Kindly use the below instructions and code.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.section.section-blends.section-full {
  overflow: scroll!important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Vinsinfo]

@Emiway Please follow below steps to make the table as slidable.

1. From the Shopify admin, go to "Online Store" -> "Themes".

2. Click the "Customize" button for the current theme.

3. Navigate to the Product page.

4. Locate the custom Liquid section containing the table, then click on it.

5. Find the Custom CSS field and add the following code, as shown in the screenshot:

{
    overflow-x: auto;
}

Please let me know whether it is helpful for you.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.