RyiGarry Posted January 2, 2020 Share Posted January 2, 2020 Hello, does anyone know if it's possible to keep a banner image the same proportions on mobile and desktop, so it doesn't crop to a vertical image? Instead using a single colour to pad out the top and bottom. This is an example of what I was looking for: https://wishfullystudios.com Link to comment
tuanphan Posted January 2, 2020 Share Posted January 2, 2020 You can insert 2 images. Then use Custom code to hide 1 image on Desktop, hide 1 image on Mobile. You can try doing this, then share url again, we can give the code. 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
RyiGarry Posted January 4, 2020 Author Share Posted January 4, 2020 This is my site (still a work in progress): www.motioncapturemonster.com. Are you able to help me with the CSS? Btw, when you say insert two images, how would I do this in a banner image - it seems I can only insert one here? Link to comment
jgrenga Posted March 8, 2020 Share Posted March 8, 2020 I'm having a similar issue with my site as well. How do you insert two images for a banner image? And would that same idea work for a grid gallery? Adding two versions and hiding one on mobile/desktop? Sorry if necroposting Link to comment
tuanphan Posted March 8, 2020 Share Posted March 8, 2020 On 1/4/2020 at 7:50 AM, RyiGarry said: This is my site (still a work in progress): www.motioncapturemonster.com. Are you able to help me with the CSS? Btw, when you say insert two images, how would I do this in a banner image - it seems I can only insert one here? missing your comment...have you solved yet? 3 hours ago, jgrenga said: I'm having a similar issue with my site as well. How do you insert two images for a banner image? And would that same idea work for a grid gallery? Adding two versions and hiding one on mobile/desktop? Sorry if necroposting You can also use CSS to resize image, or set new image on mobile. If you share link to your site, I can take a look 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.