itsmarkgregory Posted June 30 Share Posted June 30 I've set up a simple style product page for my digital downloads and want to have equal spacing on my mobile site between elements. On desktop, it's perfectly spaced but on mobile it is wrong. Any suggestions? Link to comment
Lesum Posted June 30 Share Posted June 30 @itsmarkgregory Can you share your site URL for context? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
itsmarkgregory Posted June 30 Author Share Posted June 30 https://www.markgregory.com.au/store/p/cinematic-luts Link to comment
Solution Lesum Posted June 30 Solution Share Posted June 30 @itsmarkgregory Add this code under Websites > Pages > Website Tools > Custom CSS @media screen and (max-width: 767px) { .ProductItem-details .ProductItem-product-price .product-price { margin-bottom: 0px !important; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-price { margin-top: 25px !important; margin-bottom: 25px !important; } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-price p { margin: 0 !impotant; } } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment