v2, single column

This topic contains 19 replies, has 5 voices, and was last updated by  Stiofan O’Connor 4 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • May 24, 2019 at 10:56 am #488605

    Nyi Win
    Free User
    Post count: 111

    Hi

    I need the listings to be in single column as my site is purely for mobile, and currently it is showing 2 columns on iphones 7..plus.. etc.. and single column others..

    is there a way to make it so that it shows by default single column… and the listings only one per row..

    Thanks..

    May 24, 2019 at 3:50 pm #488669

    Kor
    Moderator
    Post count: 16516

    Hi Nyi Win,

    Thanks for your post. Could you share the URL of the page in question so that I could check on it?

    May 25, 2019 at 4:00 am #488793

    Nyi Win
    Free User
    Post count: 111
    This reply has been marked as private.
    May 26, 2019 at 2:36 pm #489033

    Kor
    Moderator
    Post count: 16516

    Hi Nyi Win,

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

    @media only screen and (max-width: 800px){
body ul.geodir-category-list-view.geodir-listing-posts > li {
    width: 100% !important;
}
}
    May 27, 2019 at 7:25 am #489116

    Nyi Win
    Free User
    Post count: 111

    Hi.. it seem to do almost the requirements..

    it is listing in a single column, but every 2nd row is slightly indented to the right..

    any fix??

    Many thanks

    Win

    May 27, 2019 at 11:59 am #489218

    Nyi Win
    Free User
    Post count: 111

    Hi.. I just found out that the issue is limited to iOS.

    I do not have the indented every 2nd rows issue with Android.. just only with iOS.

    Please advise..

    Thanks

    Win

    May 27, 2019 at 6:05 pm #489324

    Kor
    Moderator
    Post count: 16516

    Hi Win,

    Thanks for your reply. I’ve taken another look at your Website and it looks like you’ve removed the custom CSS code that I’ve provided earlier. Could you reinsert it so that I could check on the styling issues?

    May 27, 2019 at 8:53 pm #489373

    Nyi Win
    Free User
    Post count: 111
    This reply has been marked as private.
    May 28, 2019 at 8:53 am #489431

    Kor
    Moderator
    Post count: 16516

    Hi Win,

    Apply the custom CSS code below to fix it. 

    @media only screen and (max-width: 800px) {
body ul.geodir-category-list-view.geodir-listview>li:nth-child(2n+0) {
    margin-left: 0% !important;
}
}
    May 29, 2019 at 12:36 am #489633

    Nyi Win
    Free User
    Post count: 111

    Hi..

    Many thanks..

    I think it seem to have fixed the issue.. I will test it abit more and let you know if the problem persist..

    May 29, 2019 at 7:57 am #489702

    Kor
    Moderator
    Post count: 16516

    Hi Win,

    Alright then, let us know how it goes.

    May 29, 2019 at 10:44 am #489742

    Nyi Win
    Free User
    Post count: 111

    Hmm.. I spoke too soon..

    On iphone 7, it completely stuffed it..

    first row is giving 1/2 of screen, 2nd row is full, 3rdrow is 1/2 screen..

    Any advise..

    i have removed that code from my test site..

    May 29, 2019 at 10:53 am #489744

    Nyi Win
    Free User
    Post count: 111
    This reply has been marked as private.
    May 29, 2019 at 11:44 am #489750

    Nyi Win
    Free User
    Post count: 111

    please see the attachment for the issue of indented alternate rows..

    May 29, 2019 at 8:23 pm #489863

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    We have tried to help with this, but this isn’t a feature of the plugin. I have flagged your topic for the developers to review.

    A

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)

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

Open Support Ticket