Archived topic
Padding issue on iPad in portrait mode...
7 replies · Started by Peter on July 6, 2020
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
Hi there,
Can you do this first?
https://www.screencast.com/t/ZzdpXUeeJxbb
Hi Leo,
Oops, sorry!
My bad.
Should have known.
All cache plugins cleared and deactivated.
Cheers, Pete
Hi there,
You could try something like this:
@media (max-width: 1130px) {
.site-header, #page {
padding: 0 20px;
}
}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
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;
}
}Hi David,
Worked👌👏
Thanks a million.
Cheers, Pete
Glad we could be of help
