2 column display on mobile

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

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

Open Support Ticket

Tagged: ,

  • 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
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount