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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 12/2/2020 at 9:19 PM, PHImhoff said:

I am experiencing the same problem and would love to see the answer

If you share site url, we can check easier

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.