We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove Scrolling from Tables

Remove Scrolling from Tables

Satwinder1
Visitor
3 0 1

How can I extend tables to the content width, so that there is no scroll?
Can the table adjust its width according to the content?

Here is the link to example page in question:

https://pneumaticspro.ca/collections/az-pneumatica-mechanical-and-micro-valves

Reply 1 (1)

BSS-TekLabs
Shopify Partner
2401 695 836

- Here is the solution for you @Satwinder1 
- Please follow these steps:

step.png

- Then find the theme.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.collection--description {
    max-width: 100% !important;
}
.rte table {
    width: fit-content !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721658378082.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now