dokan store list

  • Resolved Caridor

    (@shaar7)


    4 years, 6 months ago

    hi all,

    Kindly I need to display a store list by 2 columns in mobiles. the default is 1 column. I tried this

    #dokan-seller-listing-wrap ul.dokan-seller-wrap li {
    width: 50%;
    }

    but doesn’t work, the list not appear properly. can you help me with that PLEASE?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello @shaar7 ,

    I have already replied on another comment of yours, here is my reply –

    You should have another parameter of CSS class added to that element which defines the number of columns in the selector.

    You can also use the !important in your CSS to force it to have your set width.

    Like this –

    #dokan-seller-listing-wrap ul.dokan-seller-wrap li {
width: 50% !important;
}

    I hope this helps.

    Thank you.

    Thread Starter Caridor

    (@shaar7)

    Hi @rur165 \

    thanks for your reply. I tried the code yea it makes the width 50% but they not come beside each other. I mean still 1 column with width 50%. the vendors still under each other not 2 by 2.

    regards,

    Hello @shaar7 ,

    Please share your store list URL here so that I can help you with the exact code.

    Thank you.

    Thread Starter Caridor

    (@shaar7)

    hi @rur165

    https://caridorkw.com/store-listing/

    thanks

    Hi there,

    You have cache enabled so it is hard to track from where the CSS is working in your page. However please try with this code in your Appearance > Customize > Additional CSS field –

    @media (max-width: 600px) {
#dokan-seller-listing-wrap ul.dokan-seller-wrap li {
    width: 50% !important;
    float: left;
}
}

    Thank you.

    Thread Starter Caridor

    (@shaar7)

    Thanks Rashed,

    Yes its working perfect thanks.

    regards,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘dokan store list’ is closed to new replies.