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.
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.
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.
Thanks Rashed,
Yes its working perfect thanks.
regards,