ohhh really. I did not see that the block could scroll. It looked like a programming mistake to me.
Is there any way we can do it one line at a time as shown in the attachment?
I understand that this might be out of support coverage. If so could you please advise how the process is of getting a quote from theGem to hire a programmer to do the changes for me.
In the shopping card on woocommerce the overview of what products are in the bascet don't scale down on mobile. Can't adjust size on page either.
Copied the code to custom css on thegem. Didn't solve the problem either.:
@media (max-width: 767px) { body .custom-header .custom-header-title { padding-bottom: 50px; } body .woocommerce-cart .custom-header .custom-header-title h1 { line-height: 1; } }Please help.
HI!
pls. use following css:
.cart-item .gem-table { overflow-x: scroll !important; }Hi Michael,
it solved the problem only half. The text inside the box is still running out of frame.
Please see screenshot attached.
And also the buttons are way bigger than on the checkout page and running out of screen.
Thanks, Astrid
pls. use following css:
.submit-buttons.centered-box button { font-size: 15px; }This block can scroll.
Hi Michael,
ohhh really. I did not see that the block could scroll. It looked like a programming mistake to me.
Is there any way we can do it one line at a time as shown in the attachment?
I understand that this might be out of support coverage. If so could you please advise how the process is of getting a quote from theGem to hire a programmer to do the changes for me.
pls. use following css:
@media(max-width:767px){ .woocommerce-cart-form.responsive .cart-item .gem-table thead th { font-size: 10px !important; padding: 20px 5px !important; } .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td { padding: 23px 5px !important; }}Thank You Michael. It's looking great now.
Thanks for your great support.
You're welcome!
Have a nice day!