Theresamo Posted August 28, 2020 Share Posted August 28, 2020 Site URL: https://www.karitonsorbetes.com/ Hey guys, I seem to be having an issue with the product buttons on my MOBILE website. When I click on it, the button becomes left-aligned instead of centre. Any ideas on how to fix this? See screenshot here: https://share.getcloudapp.com/Kour1QDn Website: karitonsorbetes.com PW: Coron Thanks, Theresa Link to comment
tuanphan Posted August 28, 2020 Share Posted August 28, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-add-to-cart-button-wrapper { margin-left: auto !important; margin-right: auto !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Theresamo Posted August 29, 2020 Author Share Posted August 29, 2020 @tuanphan this worked! Thanks so much 🙂 Link to comment
Theresamo Posted August 29, 2020 Author Share Posted August 29, 2020 I'm also having trouble with adjusting the line height of my h2 on image cards in Tablet view. It works fine for desktop and mobile but can't seem to figure out why the line height is larger than I've put in the coding and the button is also larger? Any ideas? See screenshot here https://share.getcloudapp.com/xQuLxG7E Thanks, Theresa Link to comment
tuanphan Posted August 29, 2020 Share Posted August 29, 2020 8 hours ago, Theresamo said: I'm also having trouble with adjusting the line height of my h2 on image cards in Tablet view. It works fine for desktop and mobile but can't seem to figure out why the line height is larger than I've put in the coding and the button is also larger? Any ideas? See screenshot here https://share.getcloudapp.com/xQuLxG7E Thanks, Theresa Can you share link to page in screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Theresamo Posted August 30, 2020 Author Share Posted August 30, 2020 Hi @tuanphan it's https://www.karitonsorbetes.com/ PW: Coron Thankyou Link to comment
tuanphan Posted August 30, 2020 Share Posted August 30, 2020 7 hours ago, Theresamo said: Hi @tuanphan it's https://www.karitonsorbetes.com/ PW: Coron Thankyou I don't see this h2 text. Can you take a screenshot? https://share.getcloudapp.com/xQuLxG7E Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Theresamo Posted August 31, 2020 Author Share Posted August 31, 2020 It is an image card title, see attached. Thankyou Link to comment
tuanphan Posted August 31, 2020 Share Posted August 31, 2020 Try adding to Home > Design > Custom CSS @media screen and (max-width:900px) and (min-width:641px) { .sqs-block-image .design-layout-card .image-title p { line-height: 20px !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.