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

Edited by aj.ventura15
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.