whatstaceface Posted April 13, 2022 Share Posted April 13, 2022 Site URL: https://www.staceytan.com/cultureally Hi there! I have a section with a background image, on desktop it looks fine but on mobile it crops out most of the image! Is there any way to fit the desktop image to mobile view? I have tried most of the code available here and am having trouble still. There was a code that worked well but I don't know how to apply it to a specific page, and I have several pages I want to do this for. Below is the code that worked but I don't know how to target specific pages: @media only screen and (max-width: 640px){ #page .page-section:nth-child(1) .section-background img {opacity:0 } #page .page-section:nth-child(1) .section-background { background-image: url(your-image-url-here); background-size: cover; background-position: center; background-repeat: no-repeat; } } Link to comment
Beyondspace Posted April 17, 2022 Share Posted April 17, 2022 On 4/13/2022 at 10:15 PM, whatstaceface said: Site URL: https://www.staceytan.com/cultureally Hi there! I have a section with a background image, on desktop it looks fine but on mobile it crops out most of the image! Is there any way to fit the desktop image to mobile view? I have tried most of the code available here and am having trouble still. There was a code that worked well but I don't know how to apply it to a specific page, and I have several pages I want to do this for. Below is the code that worked but I don't know how to target specific pages: @media only screen and (max-width: 640px){ #page .page-section:nth-child(1) .section-background img {opacity:0 } #page .page-section:nth-child(1) .section-background { background-image: url(your-image-url-here); background-size: cover; background-position: center; background-repeat: no-repeat; } } It looks you have figured it out. Do you still need help? 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
paramjeet.kour08 Posted April 17, 2022 Share Posted April 17, 2022 its already works. Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with Blogs and SEO For Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour. Till date, I have created over 70 + websites in squarespace. Contact Me Email 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