Return to previous page

Dokan vendor store page and stores page UI components position

This topic has 3 replies, 2 voices, and was last updated 2 years, 10 months ago ago by tuijatuulia

tuijatuulia

Participant

January 23, 2022 at 20:56

Hi,
I would like to know how to align and make these pages (Vendor store page and All stores page) look better in mobile, the components are currently not aligned and are on top of each other or attached to each other. Please see examples here.

All tips are greatly appreciated. I just got one feedback that the vendor page does not look professional, and this might be the reason.

Please, contact administrator
for this information.

#315041 Copied Theme version: 8.0.11 WooCommerce version: 6.0.0

2 Answers
Olga Barlow

Support staff

January 24, 2022 at 16:36
Hello,

These styles come from the dokan plugin but you can add the below code to style it better a little bit
```
@media only screen and (max-width:1200px){
    .dokan-single-store .dokan-store-tabs ul .dokan-share-btn-wrap, .dokan-single-store .dokan-store-tabs ul .dokan-store-support-btn-wrap, .dokan-single-store .dokan-store-tabs ul .dokan-store-follow-store-button-container {
        margin: 10px 5px !important;
        float: none !important;
    }

    li.dokan-share-btn-wrap .dokan-share-btn, .dokan-store-support-btn {
        margin: 0;
    }
}
@media only screen and (max-width:662px){
    .dokan-store-products-filter-area .orderby-search {
        margin-top: 10px;
        float: left;
    }

}
```
Regards
#315091 Copied
tuijatuulia

Participant

January 25, 2022 at 04:05

Thank you Olga, you are the best!
It works beautifully.

#315135 Copied
Tagged: components position, dokan, store ui, template, vendor store, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Dokan vendor store page and stores page UI components position’' has been successfully resolved, and the topic is now closed for further responses

Dokan vendor store page and stores page UI components position

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection