epetrack Posted March 15 Share Posted March 15 Howdy- The images (slideshow) on my homepage look fine on desktop, but bad on mobile (iPhone- comes up as very long, narrow image). Is there code to basically make the image size "small" on mobile, while leaving it "large" on desktop? Thanks! Link to comment
tuanphan Posted March 18 Share Posted March 18 Hi, What is your 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 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
epetrack Posted March 18 Author Share Posted March 18 Thanks-- www.PetrackPhotography.com Link to comment
tuanphan Posted March 20 Share Posted March 20 On 3/19/2023 at 3:42 AM, epetrack said: Thanks-- www.PetrackPhotography.com Add to Design > Custom CSS /* Mobile Resize Slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } } 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
epetrack Posted March 21 Author Share Posted March 21 @tuanphan Thanks so much! That did work, so images now look correct on iPhone when holding it vertically. I'm wondering if there's a way to avoid the homepage images turning into very short heights when turning iPhone on its side (while also making sure they continue to look normal on iPad). Thanks again- Link to comment
Solution tuanphan Posted March 25 Solution Share Posted March 25 On 3/21/2023 at 7:51 PM, epetrack said: @tuanphan Thanks so much! That did work, so images now look correct on iPhone when holding it vertically. I'm wondering if there's a way to avoid the homepage images turning into very short heights when turning iPhone on its side (while also making sure they continue to look normal on iPad). Thanks again- With landscape mode, use this code /* Mobile Resize Slideshow */ @media screen and (max-width:991px) and (orientation:landscape) { .gallery-fullscreen-slideshow { height: 50vh !important; } } You can adjust number 50 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