Archived topic

remove padding from mobile view

1 reply · Started by Shivam on July 3, 2019

Viewing posts 1–2 of 2

July 3, 2019 at 7:25 am #947876

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.

July 3, 2019 at 9:07 am #948110

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 :)

This archived topic is closed to new replies.

Start building better websites today.