Nali Posted January 25, 2022 Share Posted January 25, 2022 Site URL: https://avedainstitutewinnipeg.ca/financial-aid-1 Hi I would like to fix this mobile view. Any ideas how to that? I would like to setup this closer. Link to comment
tuanphan Posted January 26, 2022 Share Posted January 26, 2022 Try adding to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1642627841472_105740+.row+.row .image-block .has-aspect-ratio { padding-bottom: 55% !important; } } Nali 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Nali Posted January 26, 2022 Author Share Posted January 26, 2022 tuanphan You are amazing! Thank you! 🥰 Have a great day! Link to comment
Nali Posted January 26, 2022 Author Share Posted January 26, 2022 tuanphan Unfortunately I broke it again, I deleted the spacer above and I'm not sure, if from this reason, but definitely this code stopped working. Can you help me again? Link to comment
tuanphan Posted January 27, 2022 Share Posted January 27, 2022 20 hours ago, Nali said: tuanphan Unfortunately I broke it again, I deleted the spacer above and I'm not sure, if from this reason, but definitely this code stopped working. Can you help me again? Use this code @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1643213375383_11901+.row .image-block .has-aspect-ratio { padding-bottom: 55% !important; } } How about making 2 images/row on mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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