[Resolved] remove padding from mobile view

[Shivam]

hey i added a padding for my blogpost through css code

 .single .inside-article, .comments-area {
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.13);
	padding: 2rem 3.75rem;
}

but it also added padding on mobile, how can i remove for mobile.

[Leo]

Hi there,

Have you figured this out? The topic is marked as resolved.

This would be the solution if you haven’t solved it:

@media (max-width: 768px) {
    .single .inside-article, .comments-area {
	padding: 0;
    }
}

More info here: https://docs.generatepress.com/article/responsive-display/

Let me know 🙂

[Author]

Posts