Guest Posted September 13, 2020 Share Posted September 13, 2020 Site URL: http://www.1worldprint.co.uk Hi, I have a slight issue with the mobile version of our website and i'm sure there is some CSS that might be able to fix it. http://www.1worldprint.co.uk/ The sliders on the front page on desktop are fine and on my iPhone 8 Plus, i have managed to make it fit within the borders but with smaller phones the text doesn't fit. It there is a way to force the gallery to a certain width on mobiles. I have attached some images to give you the idea as well. Thanks for any help. Link to comment
rwp Posted September 13, 2020 Share Posted September 13, 2020 @media screen and (max-width: 699px) { [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow { height: 45vh !important; } [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item { height: 45vh !important; } } @media screen and (min-width: 700px) and (max-width: 999px) { [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow { height: 55vh !important; } [data-section-id="5f310b9e0c19916a428a5342"] .gallery-fullscreen-slideshow-item { height: 55vh !important; } } Link to comment
ShortAngryViking Posted September 17, 2020 Share Posted September 17, 2020 Hi @rwp could you take a look at this page please. I can not find a code anywhere to fit the gallery to size on mobile Link to comment
tuanphan Posted September 19, 2020 Share Posted September 19, 2020 On 9/18/2020 at 12:44 AM, ShortAngryViking said: Hi @rwp could you take a look at this page please. I can not find a code anywhere to fit the gallery to size on mobile https://ray-cone-ap64.squarespace.com/gallery passcode: 12345 Add to Page Settings . Advanced > Header <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 40vh !important; } } </style> 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
ShortAngryViking Posted September 19, 2020 Share Posted September 19, 2020 Thank You @tuanphan Link to comment
Shume27 Posted December 8, 2020 Share Posted December 8, 2020 @tuanphan Any suggestions for my website https://www.homestead-village.com/ I am trying to get the main slideshow gallery on the homepage to not get cropped on mobile! I tried the code above with luck. Any suggestions? Thanks! Sam Link to comment
tuanphan Posted December 9, 2020 Share Posted December 9, 2020 15 hours ago, Shume27 said: @tuanphan Any suggestions for my website https://www.homestead-village.com/ I am trying to get the main slideshow gallery on the homepage to not get cropped on mobile! I tried the code above with luck. Any suggestions? Thanks! Sam Hi. Can you disable autoplay? 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
Shume27 Posted December 9, 2020 Share Posted December 9, 2020 @tuanphan I have turned off autoplay on slideshow! Link to comment
tuanphan Posted December 11, 2020 Share Posted December 11, 2020 On 12/9/2020 at 10:27 PM, Shume27 said: @tuanphan I have turned off autoplay on slideshow! Hi. It looks like good here. Did you solve this? 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
Shume27 Posted December 17, 2020 Share Posted December 17, 2020 Yes- I solved a solution- it's not full bleed but it works just fine. @tuanphan Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.