[Resolved] Padding issue on iPad in portrait mode…

[Peter]

Hi,

I have had some customisations done on my premium theme a while ago, and only now noticed that on the iPad (pro 12 inch) in portrait mode there is no padding either on the left or the right.

Also in landscape mode on my iPhone (new SE) the post featured image do not resize. It remains the same as in portrait mode.

Could you please help me out to fix these?

Cheers, Pete

[Leo]

Hi there,

Can you do this first?
https://www.screencast.com/t/ZzdpXUeeJxbb

[Peter]

Hi Leo,

Oops, sorry!

My bad.

Should have known.

All cache plugins cleared and deactivated.

Cheers, Pete

[Tom]

Hi there,

You could try something like this:

@media (max-width: 1130px) {
    .site-header, #page {
        padding: 0 20px;
    }
}

[Peter]

Hi Tom,

Thanks a lot, it’s worked great!

The padding was not applied to the header though.

The menu toggle and the search icons are still on the edge of the screen in portrait mode.

Cheers, Pete

[David]

Hi there,

try this:

@media (max-width: 1130px) {
    #page {
        padding: 0 20px;
    }
    .nav-search-enabled .main-navigation .menu-toggle {
        margin-left: 20px;
    }
    .main-navigation .mobile-bar-items {
        margin-right: 20px;
    }
}

[Peter]

Hi David,

Worked👌👏

Thanks a million.

Cheers, Pete

[David]

Glad we could be of help

[Author]

Posts