Jump to content

Removing Banner Background image for mobile

Recommended Posts

  • Replies 11
  • Views 1k
  • Created
  • Last Reply
14 hours ago, becciravera said:

Since you were so helpful with that last one... If I needed to do the same thing on the page below what would I need to adjust in the code you posted above?

https://sprout-lime-ldyy.squarespace.com/about-elena

Password BRP+D2020

 

Which section?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 12/29/2020 at 1:44 PM, Sherman said:

Hi @tuanphan,

 

I have the same issue. I'd like to remove the bg image for the 2nd section of my homepage for mobile. Its the one with the flower motif. on red background. 

Possible to help me with this? Thank you!

Site Name: www.auntyhong.sg

Password:payinghomage123

 

 

You mean this section? Gift the best to your loved ones.

Add to Home > Design > Custom CSS

/* remove 2nd section img mobile */
@media screen and (max-width:767px) {
body.homepage #page section:nth-child(2) .section-background img {
    visibility: hidden;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

 

On 12/30/2020 at 9:34 PM, tuanphan said:

You mean this section? Gift the best to your loved ones.

Add to Home > Design > Custom CSS



/* remove 2nd section img mobile */
@media screen and (max-width:767px) {
body.homepage #page section:nth-child(2) .section-background img {
    visibility: hidden;
}
}

Thanks for this @tuanphan,

Yes, thats the correct section, but now, it has a weird coloured bg as per the screenshot below. Even if i change it to my "Dark Minimal" Colour Palette, where the bg is red, the bg remains as per the screenshot.

Is there a way for it to follow my "Dark Minimal" Colour Palette where the bg is red? (Added a screenshot of the colour palette below too.

 

Screenshot 2021-01-01 at 12.47.08 PM.png

Screenshot 2021-01-01 at 12.48.01 PM.png

Link to comment
18 hours ago, tuanphan said:

Hi. What is this??

Hi @tuanphan,

When i apply the code, it has a weird coloured bg as per the screenshot. Even if i change it to my "Dark Minimal" Colour Palette, where the bg is red, the bg remains as per the screenshot.

Is there a way for it to follow my "Dark Minimal" Colour Palette where the bg is red?

Link to comment
On 1/3/2021 at 12:22 AM, Sherman said:

Hi @tuanphan,

When i apply the code, it has a weird coloured bg as per the screenshot. Even if i change it to my "Dark Minimal" Colour Palette, where the bg is red, the bg remains as per the screenshot.

Is there a way for it to follow my "Dark Minimal" Colour Palette where the bg is red?

Try this new code

/* remove 2nd section img mobile */
@media screen and (max-width:767px) {
body.homepage #page section:nth-child(2) .section-background img {
    visibility: hidden;
}
body.homepage #page section:nth-child(2) .section-background {
    background: red !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

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.