LifePhyte Posted January 3, 2022 Share Posted January 3, 2022 Site URL: https://www.lifephyte.com hello! I am looking to force the desktop layout as the default on mobile for my wesbite. URL: lifephyte.com. I would like the image background to appear on mobile at the same or a similar aspect ratio as they appear on desktop. Has anyone successfully done this? Thanks in advance for any advice! Link to comment
tuanphan Posted January 4, 2022 Share Posted January 4, 2022 Try adding to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="61591ac8bca3d327f528e340"] img { object-fit: contain !important; } } 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
LifePhyte Posted January 4, 2022 Author Share Posted January 4, 2022 @tuanphan Thank you so much for your reply!! really appreciate the help. I input this code, and it did get me closer to the effect I was hoping to achieve! attaching a screenshot here. You'll see there are space of white between the images, whereas on Desktop they are flush with no space between them. Would it be possible to achieve that same effect (no space) in the mobile layout? Also would it be possible to line up the image to to where it is on desktop? Thank you again for all your help! 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