Vegaproperty Posted May 1, 2020 Share Posted May 1, 2020 (edited) Site URL: http://www.vegapropertyemporium.com Hey there, is there a css code to make the carousel larger on mobile, even if it's just showing the first picture only on mobile and then clients can scroll across? Currently on the desktop website its showing 3 images across(which is fine for desktop) .. Pls see photo attached Thank you @tuanphan Edited May 1, 2020 by Vegaproperty Link to comment
tuanphan Posted May 1, 2020 Share Posted May 1, 2020 Can you share link to page in screenshot? I don't see on homepage 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
Vegaproperty Posted May 1, 2020 Author Share Posted May 1, 2020 This is the Web page https://www.vegapropertyemporium.com/nowsellingnsw @tuanphan Link to comment
tuanphan Posted May 2, 2020 Share Posted May 2, 2020 On 5/1/2020 at 7:20 PM, Vegaproperty said: This is the Web page https://www.vegapropertyemporium.com/nowsellingnsw @tuanphan Add to Page Settings >Advanced > Header <style> @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1587605184432_11438 .sqs-intrinsic { padding-bottom: 100% !important; } } </style> pierre-velez and Vegaproperty 2 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
TheDetourEffect Posted October 27, 2021 Share Posted October 27, 2021 On 5/2/2020 at 10:41 AM, tuanphan said: Add to Page Settings >Advanced > Header <style> @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1587605184432_11438 .sqs-intrinsic { padding-bottom: 100% !important; } } </style> This is awesome that this is possible! I just implemented this on my site and it looks great. I've always been annoyed by the carousels being too small on mobile (but if you use slideshow instead, it's too big on desktop! And you also don't get the reel effect of the next/previous images bleeding over like you do on carousel). One thing I noticed though is that now my horizontal images in the gallery are cropped to be 1:1 instead of 3:2. Do you think there is some way to fix that or am I trying to have my cake and eat it too? Here is the page, it's #block-yui_3_17_2_1_1634909803184_138412 Link to comment
tuanphan Posted October 31, 2021 Share Posted October 31, 2021 On 10/28/2021 at 4:27 AM, TheDetourEffect said: This is awesome that this is possible! I just implemented this on my site and it looks great. I've always been annoyed by the carousels being too small on mobile (but if you use slideshow instead, it's too big on desktop! And you also don't get the reel effect of the next/previous images bleeding over like you do on carousel). One thing I noticed though is that now my horizontal images in the gallery are cropped to be 1:1 instead of 3:2. Do you think there is some way to fix that or am I trying to have my cake and eat it too? Here is the page, it's #block-yui_3_17_2_1_1634909803184_138412 Can you share link to page where you have problem? 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
TheDetourEffect Posted October 31, 2021 Share Posted October 31, 2021 13 hours ago, tuanphan said: Can you share link to page where you have problem? It's the link I included above where I said "here is the page" 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