Dokan vendor store page and stores page UI components position

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

  • Avatar: 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.
    2 Answers
    Avatar: Olga Barlow
    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

    Avatar: tuijatuulia
    tuijatuulia
    Participant
    January 25, 2022 at 04:05

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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.