Archived topic
Ignore padding tablet
3 replies · Started by Davide on April 5, 2018
Hi, GeneratePress team.
I'm trying create a page where images can ignore theme padding in tablet and in mobile mode. I used this code
@media (min-width: 769px) and (max-width: 1024px) {
img {
padding: 0px
}
@media (max-width: 768px) {
img {
padding: 0px
}
}
In mobile version of the site everything is fine: images are full screen and avoid the padding I set in customize section of the theme.
In tablet mode it doesn't work and images follows theme padding rule.
How can I solve?
Thanks in advance!
Hi there,
That code looks like it should work.
Is it not working in landscape or portrait mode? You might have to fine tune the breakpoint tablet resolutions are a bit different.
Your site is under coming soon page so unfortunately I can't see it.
Let me know if you can unlock it so we can see.
Thanks!
I solved removing padding in theme options and managing the whole site padding in every situations by CSS.
Thanks for the attention, Leo.
Glad you figured out :)