Table doesn't fit in mobile view - debut

Highlighted
Explorer
70 1 12

Hi All

I am using Debut as my theme, and when viewing in mobile view, the tables do not fit on the screen - however it does when using desktop, does anyone know how to fix?

hakamount.co.uk          password = ceesti

product page on mobile = 

hakamount_0-1599253117103.png

 

Viewing basket on mobile:

hakamount_0-1599252997525.png

Desktop when viewing cart (perfect):

hakamount_1-1599253026473.png

 

0 Likes
Highlighted
Explorer
70 1 12

Hi all - i have managed to fix it on the product page, however on the 'Add to Cart' page it is still not working. Is anyone able to help?

Thanks!

0 Likes
Highlighted
New Member
1 0 1

Hi hakamount, 

 

How did you fix this problem? I am having the same issues, thank you. 

1 Like
Highlighted
Explorer
70 1 12

Hey, I did on a different post. 

For add to cart:

@media only screen and (max-width: 749px) {
.cart td:first-child, .cart th:first-child {
    padding-left: 10px;
}
.cart__price {
padding-right: 10px;
}
}

 

For product table:

@media only screen and (max-width: 749px) {
.list-view-item__title {
min-width: 151px;
}
}
0 Likes