Mobile listing Display

This topic contains 4 replies, has 3 voices, and was last updated by  Brendan O’Donovan 6 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #402320

    Brendan O’Donovan
    Expired Member
    Post count: 40

    At the moment the listings on the mobile version has 1 column. I have tried a few different things to change it so it displays 2 columns in the mobile version. I would really appreciate it if you could help me out with this if its possible.

    #402329

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    Please provide a bit more information.

    Which theme are you using? Please include a URL where you see the issue.

    Also, please provide admin credentials in case we need to take a look.

    You can find a number of settings in both GD, Places, and Widgets for adjusting the design of your GD site. Be sure to take a look there to see what options you have there, too.

    Column layouts are, generally, a fixed aspect of the design, and we are not providing support to change the basic layouts for listing pages for mobile or desktop, including the column count.

    #402331

    Brendan O’Donovan
    Expired Member
    Post count: 40
    This reply has been marked as private.
    #402339

    Kor
    Moderator
    Post count: 16516

    Hi Brendan,

    It’s definitely not recommended to display two columns on mobile for UX purposes but if you insisted, you can use the custom CSS code below to check out how it looks like. Insert into GD > Design > Scripts > Custom Style CSS.

    Furthermore, as mentioned by Alex, we are not providing support to change the basic layouts as it falls outside of our support scope and I hope you understand. Please use the code below at your own risk and you can learn more about customization via CSS here https://wpgeodirectory.com/docs/customizing-your-style/

    
    
    @media (max-width: 668px) {
    .sd .geodir_category_list_view li.gridview_onethird, 
    .sd .geodir_category_list_view li.gridview_onefourth, 
    .sd .geodir_category_list_view li.gridview_onefifth {
        width: 50%!important;
        float: left!important;
    }
    }
    #402343

    Brendan O’Donovan
    Expired Member
    Post count: 40

    That is exactly what I was looking for. Thanks so much for your help.

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