Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

7.1 change background to color for mobile


Recommended Posts

Site URL: https://chipmunk-salamander-mxea.squarespace.com/

Hi

I made a website for a dentist but when on mobile the background image crop is not good. I'd like to change it but can't seem to find good code for that. I'm not a code person so be gentle. 

If I could change the picture that would be great, but even changing it into a solid color is probably better then an ugly crop.

website: https://chipmunk-salamander-mxea.squarespace.com/

PW 279700

Thanks for your help! 

Schermafbeelding 2020-04-30 om 10.36.25.png

Link to post
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { /* set new background color */ [data-section-id="5e692c0ac104fd669e95d9c9"] .section-background:after { background

Posted Images

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
/* set new background color */
[data-section-id="5e692c0ac104fd669e95d9c9"] .section-background:after {
    background: rgba(0,0,0,0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* Hide banner image */
[data-section-id="5e692c0ac104fd669e95d9c9"] .section-background img {
    visibility: hidden;
}
}

 

Link to post
  • 4 months later...

@tuanphan I'm having the same issue with my client's site: https://www.medinamakings.com/shop. The background of the first section with the promo codes is cropping pretty bad on mobile view, so I'd like to hide it all together on mobile. Can you provide a code that will help with this?

Link to post
On 9/16/2020 at 3:56 AM, SashaMiana said:

@tuanphan I'm having the same issue with my client's site: https://www.medinamakings.com/shop. The background of the first section with the promo codes is cropping pretty bad on mobile view, so I'd like to hide it all together on mobile. Can you provide a code that will help with this?

Hi. I don't see background here. Did you solve?

Link to post
  • 1 month later...

Is there an easy way to edit that code so that it changes the image instead of just hiding it. Ie a version that has a dark layer over it (just a seperate jpg in photoshop not actual code - although that would be even better) so you can still see a bit of image but the text can sit over it better. 

Thanks in advance

I cant believe this isn't a regular feature !?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...