Shapely, vendor--page-not-mobile-responsive, wc-vendors, WooCommerce

Shapely
1

Hey there First of all hats-off to theme developers for creating such a wonderful theme coming back to my problem i am using woo commerce and wc vendors plugin for my e commerce store all things works fine except for vendor dashboard page when on desktop the page is displayed correctly but when on mobile the layout is distorted i.e the button position is out of place

refer to screenshots :

2

Hi @ethann,

Thank you for your question.

Is it working fine using any default WordPress theme like Twenty Sixteen?

Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

Best Regards,
Movin

3

Yes it is working fine in default wordpress theme and storefront theme by woocommerce.

The site URL is www.grinskart.com/seller-dashboard/ and u have to login to access that page here is demo username and password

username : abc
password : 4cOAEfwcSm&vtIMv@72obaXb

4

Any Updates ??

5

I tried to access your shared site but it is not accessible for me and displaying the error message as shown in the attached screenshot.

Please advise.

6

try now its working i was updating the site
http://www.grinskart.com/seller-dashboard/

7

You can try resolving that issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

a.button {
    display: inline-block;
    line-height: 12px;
}
8

Thanks again @Movin it worked :slight_smile:

9

Hey @Movin that worked like charm but there is a order table in that page at bottom that was not mobile responsive but i fix that issue using

@media screen and (max-width: 640px) {
table {
overflow-x: auto;
display: block;
}
}

but my question is that can i add horizontal slider to that table that will be visible to users so that user can see there is more in that table ?

10
but there is a order table in that page at bottom that was not mobile responsive but i fix that issue using but my question is that can i add horizontal slider to that table that will be visible to users so that user can see there is more in that table ?

I can see that table is displaying responsive on your site without using your above shared CSS code as shown in the attached screenshot.

Please advise.