Theme Horse

changing grid column number for mobile

This topic has 1 reply, 2 voices, and was last updated 7 years, 9 months ago by Theme Horse Support Team.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
September 24, 2017 at 9:21 pm #53346

sozan
Participant

Hello,

Is it possible to change the number of columns on the grid layout only for the mobile? I would like to display only one column on mobile but 3 on desktop.

Thanks!

September 30, 2017 at 12:20 pm #53421
Theme Horse Support Team
Keymaster
Hi Sozan,

to set the only one column on mobile and 3 on desktop just go Appearance > Customize > WP Portfolio Theme Options > Custom CSS and paste the below CSS code then click on Save button.
```
.post-main .post {
    width: 33.33%;
}
@media only screen and (max-width: 767px) {
    #main .post-main .post {
        padding: 0;
        width: 100% !important;
    }
}
```
Thank you!
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.