Cart page - text won't fit in table - Debut

Solved
Highlighted
Explorer
70 1 11

Hi all,

I am due to launch my store on Saturday however have run in to a problem, on the Cart page in mobile view, the text does not fit in the table. Does anyone know how to fix this - it would be really appreciated!

site = hakamount.co.uk              password = ceesti

hakamount_0-1599768810917.png

 

 

1 Like
Highlighted
Shopify Partner
7673 1056 2668

This is an accepted solution.

@hakamount 

Thanks for post.

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) {
.list-view-item__title {
min-width: 151px;
}
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
70 1 11

@KetanKumar Hi ketan, thanks for the solution it works! 

One more question, is it possible to add padding in to the right side of this grid so the price and quantity is not touching the white lines? It is the same for the product picture in the cart table

hakamount_0-1599810381189.png

hakamount_1-1599810393048.png

Thanks!

1 Like
Highlighted
Shopify Partner
7673 1056 2668

@hakamount 

Yes, sure 

can you  please add this code also

@media only screen and (max-width: 749px) {
.cart td:first-child, .cart th:first-child {
    padding-left: 10px;
}
.cart__price {
padding-right: 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
70 1 11

@KetanKumar you are a genius my friend! Thank you

1 Like
Highlighted
Shopify Partner
7673 1056 2668

@hakamount 

Thanks for your update and support.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like