2 column display on mobile

This topic contains 4 replies, has 3 voices, and was last updated by Janet Slinkard 5 years, 8 months ago.

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

Open Support Ticket

Tagged: 2 column listings on mobile, GDv2

Author

Posts
March 17, 2019 at 6:53 am #474972

Janet Slinkard
Full Member

Post count: 36

I’ve got pages with both a 2 column grid (for paid listings) and a 5 column grid (for free listings).

Right now, 2 columns are displayed on mobile devices. It looks bad. I need ALL listings to display in a single column on mobile devices.

Take a look –
https://finditsober.com/LosAngelesCountyCA/residential-treatment/

I searched the forum and tried the css solution I found there, but it didn’t work. Please help.

March 17, 2019 at 8:33 am #474974

Guust
Moderator

Post count: 29970

Everything displays in a single column for me.
What device are you using, and what are the screen resolutions?
Thanks

March 17, 2019 at 2:57 pm #474991

Janet Slinkard
Full Member

Post count: 36

I’m using an LG V40 ThinQ
Specifications:
display type: OLED
screen to body ratio calculated:83.46 %
screen size: 6.4 inches (16.26 cm)
screen resolution: 1440 x 3120 pixels

March 17, 2019 at 7:09 pm #475002
Kor
Moderator

Post count: 16516
Hi Janet,

Thanks for your reply. Insert the custom CSS code below into Appearance > Customize > Additional CSS and see if it helps.
```
@media only screen and (max-width: 600px) {
  .geodir-category-list-view .gd_place.type-gd_place {
    width:100%!important;
    margin-left: 0px !important;
}
}
```
March 18, 2019 at 1:13 am #475042

Janet Slinkard
Full Member

Post count: 36

You’re a GeoDirectory Wizard, Kor!!! Thank you sooooo much!
Author

Posts

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

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

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount