Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you can't see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello,
The woocommerce checkout and cart pages are not resizing properly on mobile. Is this an easy fix?
site is www.bigpeacock.com
Hi there,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you can't see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 768px){ .woocommerce-page .woocommerce p.cart-empty { font-size: 24px !important; line-height: 1em !important; padding: 10% !important; } }Hope this helps.
That worked beautifully! Thank you!