Jump to content

Moving image background position for mobile only - Royce template

Recommended Posts

Site URL: https://hen-apple-ebec.squarespace.com/

Hi guys,

Please view my website on https://hen-apple-ebec.squarespace.com using the password " Amp3d " . Please then navigate through to "About", "Services" or "Work" pages. You'll see the image backgrounds work quite well on Desktop size. If you then change it to mobile display though, you'll see my problem.

 

The images are cropping in a weird way that maek it hard to see the focus of the image - the text, for example, on "About". If I was able to create some CSS that would move down the background image on mobile display ONLY (thus vertically centring my image on the text), this would be the perfect fix to my issue. I have set "Focal Point" correctly in the Squarespace setting but it doesn't seem to work on mobile. 

 

I would greatly appreciate your kind assistance on achieving this background position movement, as I think this will fix my issue.

 

Thank you! 

Screenshot 2020-11-20 at 10.57.51.png

Link to comment
  • Replies 4
  • Views 538
  • Created
  • Last Reply

Archived

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.