[Resolved] Alignment of articles in Blog

[trung]

Hi GeneratePress.

In my Blog category page, I set 3 columns of posts. It’s ok in PC and Tablet mode, but not good in mobile mode. The alignment of column is not on center, but moving into the right a litte (looks like the image).

How can I fix it?

Thank you.

[David]

Hi there,

try this:

@media (max-width: 420px) {
    .generate-columns { 
        padding-left: 0px;
    }
}

[trung]

Ok. It is solved. But I want to know: why is max-width:420px? why is not max-width:768px as usually in mobile mode?

Thank you, David.

[David]

I used 420px as i had it to hand in some other code i was working on 🙂 as it covers all the current Plus Size Mobile devices. You can bumpy it up to 767px, this will work without effecting Tablets.

[trung]

Thank you, David.

[David]

You’re welcome

[Author]

Posts