Grid View (Four Columns) Not Showing

This topic contains 12 replies, has 6 voices, and was last updated by  Stiofan O’Connor 6 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #396711

    David Marek
    Free User
    Post count: 18

    Hi – I’m trying to show a 4 column grid view, but even if this is set in the widget, only 3 columns are showing:
    http://www.artmag.co.uk/guide/

    I’ve disabled the left and right sidebar for this page, but is there another setting I need to configure to show 4 columns, or even to allow all 3 columns to span the full content width?

    Thanks,

    David

    #396715

    Kor
    Moderator
    Post count: 16516

    Hi David,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    #396716

    David Marek
    Free User
    Post count: 18
    This reply has been marked as private.
    #396729

    David Marek
    Free User
    Post count: 18

    Or, is there an option for the grid layout to be responsive so that it sizes for the screen resolution?

    #396836

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I see 4 columns and they are fully responsive as expected. Could you show me in a screenshot what you see?

    Thank you

    #396839

    Christie Dessy
    Free User
    Post count: 8

    Thanks – I’ve attached a screenshot – I only see 3 columns.

    #396991

    Paolo
    Site Admin
    Post count: 31206

    Thanks for that, I can see the problem when visiting your website with Chrome. I asked to the developers to follow up. They’ll let you know asap.

    Thanks

    #396993

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi David,

    Thanks for the info, please check now, i added a small CSS snippet to resolve it in GD>Design>Scripts

    Thanks,

    Stiofan

    #397007

    Christie Dessy
    Free User
    Post count: 8

    Thanks – looks great!

    #400731

    redrya
    Expired Member
    Post count: 22

    Hi I’m having the same issue and looking through the forum found a few CSS fixes but they don’t seem to work. Can you share which code you have added to fix the issue?

    Thanks,
    Rya

    #400732

    redrya
    Expired Member
    Post count: 22

    Just found this code on the forum and it seems to have worked! Let me know if there is a simpler solution. Thanks.

    .geodir_category_list_view li.gridview_onehalf {
    margin: 0 6px 0 0 !important;
    width: calc(50% – 12px) !important;
    }

    .geodir_category_list_view li.gridview_onethird {
    margin: 0 6px 0 0 !important;
    width: calc(33.3% – 12px) !important;
    }

    .geodir_category_list_view li.gridview_onefourth {
    margin: 0 5px 0 0 !important;
    width: calc(25% – 12px) !important;
    }

    .geodir_category_list_view li.gridview_onefifth {
    margin: 0 5px 0 0 !important;
    width: calc(20% – 12px) !important;
    }

    #400736

    redrya
    Expired Member
    Post count: 22

    Sorry I should start my own topic but since I already wrote here have another issue that came up. When I use the above code, it solves the column dropping last post issue but the row becomes non responsive on mobile, it basically scales down the row of 4 locations instead of showing 1 per row in a column.

    Please let me know if maybe there is a different CSS that I should be using.

    #400842

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi redrya,

    Its always best to start your own topic.
    If you post a link to your site we will be able to have a look.

    Stiofan

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

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

Open Support Ticket