Jump to content

Full Bleed Background Image doesn't resize or "responsive" on Mobile Site

Recommended Posts

Hi,

I've been playing with CSS code to get the full bleed background image art to fit on the mobile site (see attached). Right now I can't see either subject.  Can anyone help or give insight? Thanks in advance.

This is for a client and the pages aren't published yet. 

Screen Shot 2021-12-09 at 11.22.57 AM.png

Link to comment
34 minutes ago, Adrina said:

Hi,

I've been playing with CSS code to get the full bleed background image art to fit on the mobile site (see attached). Right now I can't see either subject.  Can anyone help or give insight? Thanks in advance.

This is for a client and the pages aren't published yet. 

Screen Shot 2021-12-09 at 11.22.57 AM.png

Kindly share your site with the protected password so we can check it together

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
4 minutes ago, Adrina said:

The site was started by another designer and part of the site is live, so I'm sure about the password.  I'm working on unlinked pages.

You can try setting password for page:

https://support.squarespace.com/hc/en-us/articles/205814618-Page-passwords

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Where is your issue? I can not find it on your page 

Can you show me the direct link to it?

image.png.42ee349992cf4b2fd3ceb6de97dca6e8.png

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

It's good to know that you 've figured out

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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.