Reducing top padding for select pages on mobile

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){
#intro
{
     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.

Thanks.

Which page you want to reduce padding?

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.

Help no longer needed. I used the following:

@media screen and (max-width:1194px) {
.Index-page-content {
	padding-top: 15px;
	padding-bottom: 15px; } }

Thanks