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

Reducing top padding for select pages on mobile


GregLassale

Question

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.

Edited by GregLassale
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Help no longer needed. I used the following: @media screen and (max-width:1194px) { .Index-page-content { padding-top: 15px; padding-bottom: 15px; } } Thanks

3 answers to this question

Recommended Posts

  • 0
Posted (edited)
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 post

Create an account or sign in to comment

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


×
×
  • Create New...