[Resolved] Ignore padding tablet

[Davide]

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!

[Leo]

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!

[Davide]

I solved removing padding in theme options and managing the whole site padding in every situations by CSS.

Thanks for the attention, Leo.

[Leo]

Glad you figured out 🙂

[Author]

Posts