[Resolved] Display 2 column on mobile

[Vuong]

Hello,could you pls help me,i want my site display coloum on mobile instead one column like this screenshot

View post on imgur.com

I changed in theme customize but doesn work…anyone help me pls..tks

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Vuong]

Yep..url updated..(NSFW).

[Leo]

Do you currently have masonry activated?
https://docs.generatepress.com/article/using-columns-in-the-blog/

If so can you try de-activating it first?

I think you just want the columns layout anyways.

Let me know 🙂

[Vuong]

Sure,i have masonry activated..
here my setting

View post on imgur.com

Also turn off and turn on again.

[Leo]

Can you turn it OFF for now?

Doesn’t look like you need it.

[Vuong]

Ive turn it off,still the same,pc display well,on mobile still 1 column :D.

[Leo]

Looks like you’ve found some CSS to work but try this instead:

@media (max-width: 767px) {
    .mobile-grid-100 {
        clear: none;
        width: 50%;
    }
}

[Janne]

Hi.
Tried your code, and still getting only one blogpost per column on my blog site.
Added the code under Customize and additional code. Was GeneratePress code there already. just switched from another theme.

[Leo]

Can you open a new topic and link me to the page in question?

Thanks 🙂

[Janne]

Done 🙂

[Leo]

Thanks 🙂

[Author]

Posts