Dokan Navigation Issue (on iOS) with Woodmart

Hi all,

I just installed Woodmart (latest version) and Dokan (latest version). When I login and go to the vendor dashboard, the build-in burger menu from Dokan doesn’t react on native devices. It works if you emulate i.e. with Chrome Browser/Developer Tools an iPhone, but once you test it on a real native device under iOS/Safari it’s not possible to open the burger menu.

I then tried to access i.e. the “Withdraw” page via direct URL. On this particular page I’m able to open the burger menu but somehow it breaks the layout (z-index issues I believe, see screenshot).

Can you please help to make this working on iOS/Safari?

Many thanks
-a

Attachments:

You must be logged in to view attached files.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :-).

I saw the screenshots you attached. Please provide with the URL of the specific pages with WP admin login details as well as vendor login details so I will check it myself and help you out accordingly.

Best Regards.

Hi there,

Many thanks for your swift reply. I’ll past a temporary admin-access in the private content area below.

Thanks for your support!

Kind regards
-a

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Custom CSS for Mobile section:

.dokan-dash-sidebar {
z-index: 999999 !important;
}

Then check the site after removing the browser cache on IOS mobile.

Best Regards.

Thank you. However, now the whole navigation bar overlaps with the right-panel (basket quick view layer).

Screenshot:
https://cl.ly/b2b7b1b64cfe

Many thanks
-a

Hello,

Your issue has been solved. I have added the small code of Custom CSS in Theme Settings > Custom CSS > Custom CSS for mobile section. Please check your site after removing the browser cache on mobile and desktop.

Best Regards.

Hello,

Many thanks for your support. I did checked the site (and flushed my cache). The issue with the basket layer is fixed. However, there’s a new issue now that the navigation bar from Dokan overlaps with the main menu flyout on mobile. Attached a screenshot.

Thanks for your help.

Kind regards
-a

Attachments:

You must be logged in to view attached files.

Hello,

Your issue has been solved. I have added the small code of Custom CSS again in Theme Settings > Custom CSS > Custom CSS for mobile section. Please check your site after removing the browser cache on mobile and desktop.

Best Regards.

Hello,

Thank you. On mobile it’s fixed now. But on desktop the main category menu is showing behind the Dokan vendor menu now: https://cl.ly/5be5e740af8a/annotate

Many thanks
-a

Hello,

Your issue has been solved. I have moved the old added custom CSS in Global custom CSS section to Custom CSS for mobile section. Please check your site after removing the browser cache on mobile and desktop.

Best Regards.

Thank you. On mobile I found another issue when creating a new product: https://cl.ly/20893240663f

BTW – will you include these CSS fixes also in the next major theme upgrade to ensure compatibility with Dokan?

Kind regards
-a

Hello,

Actually, this issue is not related to the theme. You should ask it from Dokan plugin support to solve the issue and set the CSS issue with their menu. Actually, they have not added the CSS of Z-index for their dashboard menu. Please ask them to solve this issue on a permanent basis. I am sure they will have a solution for this.

Best Regards.

Great, thank you so much. I’ll reach out to the Dokan support team then.

Have a great day.

Best
-a

Hello,

Sure you can :-)

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts