isobeleastwood Posted March 23, 2022 Share Posted March 23, 2022 (edited) Site URL: https://www.stuffbystink.com Hi 🙂 Need to find a way to have ONE image show up on desktop only, and then ANOTHER image show up for mobile only. I want to have this image for desktop: and this for mobile: I currently have this for both (it just looks too small on mobile and doesn't work very well):  I'd also love to be abole to add a bit more padding / width on the sides of the desktop image to decrease the image overall size? (but maintain the actual image itself / no crop)  Thankyou!!!!  Edited March 23, 2022 by isobeleastwood Link to comment
Beyondspace Posted March 23, 2022 Share Posted March 23, 2022 8 minutes ago, isobeleastwood said: Site URL: https://www.stuffbystink.com Hi 🙂 Need to find a way to have ONE image show up on desktop only, and then ANOTHER image show up for mobile only. I want to have this image for desktop: and this for mobile: I currently have this for both (it just looks too small on mobile and doesn't work very well):  I'd also love to be abole to add a bit more padding / width on the sides of the desktop image to decrease the image overall size? (but maintain the actual image itself / no crop)  Thankyou!!!!  I think we can create 2 sections with different images. After that, using media query to set one section only show on mobile and the another one is always display on mobile. Reference: https://www.w3schools.com/css/css_rwd_mediaqueries.asp Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you 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