Jump to content

Background image on ios/iphone

Recommended Posts

Can you share the website URL and this page, as well as the code? Can't help without that. 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

@Ziggy

https://www.dannyprose.com/projects/nike

 

 

here is the code for the project page: 

//Project Theme: Nike: North American Digital Brand;
 
//Add body's collection ID to this selector
body#collection-63eb05496c32917ee0e8dd89 {
 
  //Theme Varibales
  @theme-background-color: none;
  @theme-background-url: "http://dannypalmer.squarespace.com/assets/images/projects/nike-nadb/Project - Nike - NADB.jpg";
  @theme-text-color: white;
  @gallery-image-border-color: none;
  @theme-navigation-desktop-background-color: #4983a4;
  @theme-navigation-desktop-link-color: none;
 
   //Mobile Background fix
   background-size: cover !important;
   background-repeat: no-repeat !important;
   // background-position: cover cover !important; //what was there before
   background-position: center !important; //opened when
 
  .project-themes();
 
  // background-size: cover
 
}
 
@media (max-width: 575px) {
  body#collection-63eb05496c32917ee0e8dd89 {
    background-position: 80% top !important;
  }
}
Link to comment

I'm not sure I see the problem you're having, the background image looks fine on mobile considering what it is on desktop.

You have a problem with the URL in this code, you can't have spaces in a URL:

image.thumb.png.80930b58c22841ab4999794b7228ff55.pngI would suggest checking this and putting in the correct working URL.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.