Jump to content

Resize section background image for mobile

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 hour ago, ShirleyFromBerlin said:

Site URL: https://www.uxbyshirley.com/

Hi there.
Is it possible to resize the section background so that the entire image will appear on mobile below the text?
Thanks in advance for your help!

desktop.png

mobile.png

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	section[data-section-id="61b5ffca55af34184287114c"] {
		min-height: 0 !important;
	}

	section[data-section-id="61b5ffca55af34184287114c"] .section-background img {
		height: auto !important;
		position: absolute;
		bottom: 0;
	}
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

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, Keyword Highlighter
If 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

My testing result

image.png.8d0c2434b4dd42d272e7fb344e38071e.png

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, Keyword Highlighter
If 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.