Mobile responsive listing set up

This topic contains 24 replies, has 4 voices, and was last updated by  Kerrin Sampson 5 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #456013

    Kerrin Sampson
    Expired Member
    Post count: 95

    Hi

    Any more columns than 2 in CPT listings do not show well on mobile devices. Eg. I want to create a CPT with a 4 column grid which looks great on a computer, ok on a tablet but bad on mobiles. The 4 column grid layout is maintained for all devices and you having extremely narrow listings the smaller the device. Is there any easy fix where the grid layout changes to a single listing column for mobiles as the current layout is not workable with a column grid greater than 2.

    #456024

    Kor
    Moderator
    Post count: 16516

    Hi Kerrin,

    Thanks for your post. This is possible with some custom CSS. Could you share your Website URL here so that we could take a better look at it? You can use the private reply option below.

    #456047

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456077

    Kor
    Moderator
    Post count: 16516

    Hi Kerrin,

    Thanks for your reply. Let’s do this one at a time. Could you share your Website WP admin login credentials in private reply so that I could take a better look at your GD setup? In the meantime, you can use the custom CSS code below to force the layout to only show a single column on a mobile device. Insert into GD > Design > Scripts > Custom Style CSS.

    
    
    @media only screen and (max-width: 600px) {
        .geodir_category_list_view li {
            width: 100%!important;
        }
    }
    #456295

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456303

    Kor
    Moderator
    Post count: 16516

    Hi Kerrin,

    Thanks for your reply. As I’ve mentioned earlier, you can insert it into GD > Design > Scripts > Custom Style CSS as shown in the attached screenshot. Let us know how it goes.

    #456314

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456321

    Kor
    Moderator
    Post count: 16516

    Hi Kerrin,

    Thanks for your reply. Yes, that’s correct.

    #456362

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456364

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456368

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #456427

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456430

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
    #456559

    Alex Rollin
    Moderator
    Post count: 27815

    Please send a link to the page where you see the issue.

    #456598

    Kerrin Sampson
    Expired Member
    Post count: 95
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 25 total)

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

Open Support Ticket