Dropdown Menu

Hi please help me I want to create a drop down menu like this shop section on your demo theme please check – https://woodmart.xtemos.com/home/

Specially the green section, please help me with this….

Thank You

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 please help me I want to create a drop down menu like this shop section on your demo theme please check – https://woodmart.xtemos.com/demo-black-friday/demo/black-friday

Specially the green section, please help me with this….

Thank You

Please check dear I am talking about shop section in menu I want to create categories menu in this way the white are I got that with html blocks but I’m asking for the green area that displays – Shop loop , product loop, single product, features and all.

Please reply ASAP

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,

Can’t share that dear please guide me here only that would be very helpful….

Please take a look I’m sharing screenshot of theme website menu

Attachments:

You must be logged in to view attached files.

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,

Please reply ASAP

In Appearance > menu> click on menu side option there is option design > opt Aside > you will further get new design option for aside design i.e. (Default and with background) I like this two ways of presenting my dropdown menu the issue is

1 – It appears aside of the main menu, how to align just below the menu
2 – in with background option it shows default theme color how to manipulate its color.

Please read carefully and reply ASAP also can’t share my login credentials so please don’t ask for it dear. Just read properly and guide accordingly. I want to resolve the issue by today only its been 3 days and have not achieved what I want, this support form process is too slow need dedicated team that gives instant reply.

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,

Well dear Appearance > menu > click on any menu you will find option
Dropdown settings > Design (opt aside) new option will appear in
Aside style > default > with background

I will share 2 screen shot

1st will guide you the what I have guide you about menu

2nd will show you result that you ask me for.

What I want is –

1 – I like the dropdown style that come but it appears left side aside to main menu. I want it to just come under its original place like default dropdown menu appear just below its main menu title.

2 – How to manipulate color of dropdown menu in both condition that is default and with background option.

Attachments:

You must be logged in to view attached files.

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,

Not working. Stuff get more messed up sharing screenshot

Attachments:

You must be logged in to view attached files.

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,

no its not fixed dear, I was trying but can’t achieved desired result.
I have undo the changes and added the last CSS code that you have provided me….. please check and reply dear ASAP

Note : I want aside dropdown menu to came just under its desired MENU TITLE in all screen sizes.

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,

What is the use of this codes please explain…..??

should I kept this or remove theme

1.) CODE

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

2.) CODE

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

Screenshot

Attachments:

You must be logged in to view attached files.

Hi hardik119955,

Please keep 1 and remove 2.

Regards,

Ok sir one last thing how to be specific like I want to show aside menu just below its menu title ‘CA’ (we have achieved this so far all Thanks to you)

But its showing all aside dropdown menu just below its title menu like (CS) I want aside menu to be as it was default left side for this.

How to be specific as the above code making all aside dropdown menu moving to its Title menu.

Please guide thank you for your support.

Any updates please….?

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,

Thank you for the support ❤

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,

[Author]

Posts