Jump to content

Background scaling issue on mobile

Recommended Posts

Site URL: https://www.sidioustn.com/

Hi! I am having issues with the first section background on the opening page of my site, specifically on mobile. The background is an image and looks fine on desktop. But when switch to mobile it does not scale correctly like the rest of my pages do. For example, the "Contacts" page has the same format, Image as a background of a section, and scales fine with mobile. Any idea why this is happening?

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom CSS

@media screen and (max-width:991px) {
[data-section-id="5f71477680f1d57162722323"] {
    min-height: unset !important;
    height: 30vh;
    margin-top: 10vh;
}
}

 

Edited by tuanphan
change breakpoint

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...
On 5/25/2022 at 10:25 PM, jodytomp said:

I have an even simpler question.  How do I make a photo become a background, like SIDOUS did?

TampaBayLeadershipAccelerator.com 

You mean change top background image to solid background color on mobile only?

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

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.