Archive Items only 1 column on mobile (portrait)

This topic contains 4 replies, has 3 voices, and was last updated by  Tony Bellens 4 years, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #484916

    Tony Bellens
    Full Member
    Post count: 254

    Hi,

    I would like to use grid 3 (columns) to show the archive items and widgets for the listings as a fixed setting. Is that possible to set somewhere?

    At the moment the grid stays on 3 columns on tablet (landscape) and changes from 3 to columns to 2 columns on tablet (portrait) which is great. It stays on 2 columns on mobile (landscape) which is great as well, but it also stays on 2 columns on mobile (portrait) which I think gets a bit small. So is it possible to change that to 1 column on mobile (portrait).

    Thank you,
    Tony

    #484999

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    the listing layouts are all written in SCSS. They need to be overridden with custom CSS to change the way they behave, especially in the case of responsive behaviors, and this is generally outside of support.

    If you send a link to a page on our demo that demonstrates the issue we can take a look at the case ad may provide an example.

    https://wpgeo.directory

    #486273

    Tony Bellens
    Full Member
    Post count: 254

    Hi Alex,

    please see attached images of what I am trying to accomplish. When I look at the site on my mobile phone, the archive items display in 2 columns, but when I look at the same page in the backend and select mobile view in the builder, they display in 1 column, which I would prefer.

    Thank you,
    Tony

    #486284

    Kor
    Moderator
    Post count: 16516

    Hi Tony,

    Thanks for your reply. Try using the custom CSS code below and see if it helps.

    @media only screen and (max-width: 600px) {
    body ul.geodir-category-list-view>li {
        width: 100% !important;
    }
    
    body ul.geodir-category-list-view>li:nth-child(2n+0) {
        margin-left: 0% !important;
    }
    }
    #486320

    Tony Bellens
    Full Member
    Post count: 254

    Hi Kor, works like a charm 🙂

    Thank you very much!
    Tony

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