Dropdown Menu

Hi hardik119955,

Thanks for reaching to us.

Please edit page, scroll down to Page Settings > Header and enable Open categories menu option https://prnt.sc/6kKQMZ-llq8C

You can read more here https://xtemos.com/docs-topic/options-for-pages/

You can create a dev site and import any template there, to see configurations of the demos you like, more detail is here: https://elementor.com/help/template-library/

This article will helps you to create it https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Regards,

Hi hardik119955,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi hardik119955,

You can create a dev site and import any template there, to see configurations of the demos you like, more detail is here: https://elementor.com/help/template-library/

This article will helps you to create it https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Regards,

Hi hardik119955,

1. To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-dropdown-menu.color-scheme-dark{
	--bgcolor-white: #000;
}

Regards,

Hi hardik119955,

Thanks for screenshots.

1. It seems you set Custom Width in Theme Settings > General > Layout https://prnt.sc/kkCDFXHBYQ27

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-design-aside.wd-style-with-bg .container {
    max-width: 1222px;
}

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

/* Default background color */
.wd-dropdown-menu.wd-design-aside.color-scheme-dark:not(.wd-style-with-bg){
	background: #000;
}

/* With background color */
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg{
	background: red;
}

Regards,

Hi hardik119955,

1. The position of sub-menus are working properly, please let me know if you fixed the issue https://prnt.sc/SnMj3F1cYOyQ

2. Please replicate the issue, then I can check the issue again.

Regards,

Hi hardik119955,

1. When you set Design to Aside, then it will automatically add left attribute to the dropdown menu https://prnt.sc/xYu_cEoVm02V

I kindly recommend you to switch to other designs. If you are still want to use Aside design, please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-dropdown-menu.wd-design-aside{
	left: 0 !important;
	margin: 0;
	padding: 0;
}

div.wd-dropdown-menu.wd-design-aside .container{
	margin: 0;
	padding: 0;
}

2. Please remove previous code

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg {
    background: red;
}

And use below one:

div.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu {
    background-color: #000;
}

Regards,

Hi hardik119955,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

You can combine with menu item’s ID, hover on menu item to know its ID https://prnt.sc/wW15m9mJMc5q

For e.g:

#menu-item-16062 div.wd-dropdown-menu.wd-design-aside {
	left: -22px !important;
	margin: 15px;
	padding: 0;
}

Regards,

Hi hardik119955,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,