Amanda-FWI Posted March 22, 2023 Share Posted March 22, 2023 Hi! I created a test page in my unlinked section so that I could figure out this formatting before messing up my regular pages. But I am having issues with my image looking way too small on the mobile view. I used this code below, but it's still really small (see the screenshot attached). @media only screen and (max-width:640px) { #block-yui_3_17_2_1_1679509101538_2761.sqs-block-image {width:80%; margin:auto}} It's a book cover that I would like to be much bigger, thank you in advance for your help! Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Hi, What is site url? We can check easier 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
Amanda-FWI Posted March 25, 2023 Author Share Posted March 25, 2023 www.friendshipwithintention.com you can see on the "my books" page how small the image looks. Thank you! Link to comment
Amanda-FWI Posted March 27, 2023 Author Share Posted March 27, 2023 @tunaphan were you able to see it? Link to comment
Solution tuanphan Posted March 30, 2023 Solution Share Posted March 30, 2023 On 3/27/2023 at 6:25 PM, Amanda-FWI said: @tunaphan were you able to see it? Add to Design > Custom CSS /* Mobile - My Books - Image size */ @media screen and (max-width:767px) { div#block-53eed2ef6eeaee9f3b75 .sqs-image-content { width: 100% !important; transform: scale(1.3); } } 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
Create an account or sign in to comment
You need to be a member in order to leave a comment