Jump to content

Resizing border frame for mobile site - code not working

Recommended Posts

Site URL: https://ferret-bird-3rl2.squarespace.com


I have a frame around a text block that I'm trying to reduce on the mobile site. I copied the same code for the desktop, and simply adjusted the numbers.

No luck.
 

/* FRAME: "CLIENT GALLERY" MOBILE */

@media screen and (max-width: 640px){#block-2c182c5c1f7d49f6f48b 

  padding-top: -2.0vh !important;
  padding-bottom: -2.0vh !important;
  padding-left: -3.0vw !important;
  padding-right: -3.0vw !important;
}}

/* FRAME: "CLIENT GALLERY" DESKTOP */

#block-2c182c5c1f7d49f6f48b
{ border: 0.15em solid #fff;
  padding-top: 4.7vh !important;
  padding-bottom: 4.7vh !important;
  padding-left: 1.8vw !important;
  padding-right: 1.8vw !important;
}


What am I missing? I have to frames that need adjusting, so hopefully fixing one will help me fix the other.

Thank you forum members!
 

site:  https://ferret-bird-3rl2.squarespace.com
pw: 
blahblahblah

Link to comment
  • Replies 3
  • Views 290
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.