Jump to content

Padding/Spacing on Mobile Site with Background Images

Recommended Posts

Site URL: https://www.artsconservatoryforteens.org

I'm struggling to find a way to add spacing on mobile, in sections that have a background image. See attachment for example.

On desktop the home rotator looks great. But on mobile it's so small. I'd like that home rotator (the image that says "study with renowned...) to be much bigger/higher which means somehow adding spacing above and below the content and stretching that background image proportionally. This particular section is a gallery. But I can't get it to work in regular sections with a background image either.

Does anyone have the CSS code for this? 

Screen Shot 2020-11-12 at 5.26.12 PM.png

Link to comment
  • Replies 3
  • Views 335
  • Created
  • Last Reply
On 11/16/2020 at 4:26 AM, aj.ventura15 said:

@tuanphan it’s in the post. https://www.artsconservatoryforteens.org/ The home rotator has multiple photos in it. 

Hi. Have you solved this yet?

I don't see "Study with..." section

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


This topic is now archived and is closed to further replies.

  • 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.