Jump to content

Reducing top padding for select pages on mobile

Recommended Posts

Site URL: https://gregorylassale.com

I am trying to reduce the top padding on a few pages specifically for tablets in landscape mode. 

I tested the following for the Intro page, which didn't work at all.

/*remove padding on tablet lanscape*/
@media screen and (max-width:1194px) and (min-width:834px){
     padding-top: 10px;

Even if it did, it would probably exclude a lot of devices as I used my iPad Pro 11's specs and many tablets have lower resolution. Wondering if there is a more efficient way to Target tablets' landscape mode.


Edited by GregLassale
Link to comment
On 5/1/2021 at 3:07 AM, tuanphan said:

Which page you want to reduce padding?

All of them except the banners: #intro, #services, #about, #faq, #testimonials, #contact, #additional-info, + all the French versions  #intro-fr, #services-fr, #about-fr, #faq-fr, #testimonials-fr, #contact-fr and #additional-info-fr.

Edited by GregLassale
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.