I have a problem with category menu on desktop

i have a lot of categories https://prnt.sc/22rat05 and in desktop or pc i cant scroll dawn on the reest of the categories in mobile works fine why is that happening ?

Hello,

Please, provide your site admin access (insert the site credentials into the Private content block under the message area) I will check the settings and try to give you a solution.

Best Regards

Okay thank you , the website is https://multipartyshop.com

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

Switch to the parent theme and check how it works.

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Best Regards

Is not a problem of any plug in because the problem is and in your main theme look the error
https://gyazo.com/8265d35d673bdbafd7b45f59af4402ae this is the theme you have in public

https://preview.themeforest.net/item/woodmart-woocommerce-wordpress-theme/full_screen_preview/20264492?_ga=2.180021536.546990163.1639396603-323623718.1637934798&_gac=1.261721855.1639396603.CjwKCAiA-9uNBhBTEiwAN3IlNG3AGHBRzAqhKJVzJKaDM7SuBDVPE6Adfiwuc90v2jSSj2JQP-3mlRoC7P0QAvD_BwE
if you have a lot of categories and scroll dawn the entire page go dawn it need to be scrolled only category part not entire page , because if tomorrow i 10k of categories the theme goes to long . The category need to bee specified a max height or something and after go on scroll if goes bigger than that i think may be wrong IDK.

Hello,

The header menus are supposed to have multi-level structrue of drop-downs that would fit the screen easily as shown on our demo: https://prnt.sc/22xacln

We can suggest the following ways of this problme solving:

1. You can create two different multy-level menus for deskop and mobile.

2. You can use the custom CSS, howver drop-downs would not be possible to show:

.wd-header-cats .wd-dropdown ul {
	max-height: calc(100vh - 160px);
	overflow-x: auto;
}

.wd-header-cats .wd-dropdown ::-webkit-scrollbar {
	width: 5px;
}

.wd-header-cats .wd-dropdown ::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.05);
}

.wd-header-cats .wd-dropdown ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.12);
}

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts