GD Listings in two columns on smartphone screen sizes

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: gd listings two columns on smartphone

Author

Posts
January 28, 2020 at 11:21 pm #527790

directoryfan
Expired Member

Post count: 157

Hello Support Team,

how can I have the listings in two columns on the smartphones? Which css class should I change for this?

Thank you in advance!
Marius

January 29, 2020 at 12:44 am #527793

Alex Rollin
Moderator

Post count: 27815

The classes for layouts are here:
https://wpgeodirectory.com/docs-v2/design/layouts/

You would need your own CSS for that. It sounds like you want to target grid 1 as a certain width.

January 29, 2020 at 9:27 am #527832

directoryfan
Expired Member

Post count: 157

Hi Alex and thank you for the hint, I`ll try and come back to tell you, if this is working.

Is there another GD theme with 2 columns for the listings on the smartphones?

Thanks!

January 29, 2020 at 10:39 am #527845

Alex Rollin
Moderator

Post count: 27815

No, the responsive CSS is included with GD and there are no themes that override it, as far as I know.

February 12, 2020 at 11:59 am #529955
directoryfan
Expired Member

Post count: 157
Hi Alex (@ayecode_alex),

and thank you for helping me!

I want to have on the smarphone 2 columns, exactly 2 listings in 2 columns and the pagination bellow them.

I managed this with this css change:
```
/* listings in 2 columns on smartphone */
@media only screen and (max-width: 400px) {
    body ul.geodir-category-list-view.geodir-gridview.gridview_onehalf > li {
        width: 48% !important;
        margin-left: 0px !important;
    }
    ul.geodir-category-list-view.clearfix.geodir-widget-posts.geodir-gridview.gridview_onehalf>li{
        padding: 0px 4px !important;
    }
}
```
This question is solved.
Thank you again!
Marius
Author

Posts