Header button dropdown menu

Hello Team,
hope you Guys can help me here again 🙂

I add a button on the header. Here I need a dropdown menu, like the picture that I add.
How can I do that?

Many Thanks
Pablo

Attachments:

You must be logged in to view attached files.

Hello,

You need to create a two-level menu in Appearance > Menu.

Add a class to the parent menu item: https://gyazo.com/7d41aec94637044e7ca7a9118522ee91 I will give you custom CSS.

Then add this menu in the Heder builder by means of the Secondary menu: https://xtemos.com/docs/woodmart/adding-menu-site/

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

Best Regards

Hello,

I called the custom css: pricelist-menu
Can you please write me a custom css ? 🙂

But I see one Problem.
I use 2 different Header. On the Landingpage the Price is written with black and white background. Like the Picture.
On the other Pages, I write it white, with a black background.
Are you able to do that?

Many Thanks
Pablo

Hello,

Please provide your site admin access to the private area.

Best Regards

Now you have access

Hello,

The credentials you have provided are not workable. I check the header it has just a button.

As per your screen, you want to have a menu. Please follow the steps I provided below.

Best Regards

hello,
Sorry there was a mistake, now you have admin access.

Please don´t visit the landingpage.
All other pages has the menu.

Many Thanks
Pablo

Hello,

The credential is not workable I cannot log in.

Best Regards

Hey Elise,

really sorry that this happened twice :/ sorry.
I checked now die login and it´s work with the new passwort.

Many Thanks
Pablo

Hello,

I check the landing page it does not have the drop-donw menu https://gyazo.com/f31423022fc7bd41aeb3eb454fb0fb33

You say:

Please don´t visit the landingpage.
All other pages has the menu.

I am a bit confused, what is your purpose?

Here is the header for the landing: https://gyazo.com/77f27aa155d27ad4e5cc16664d65a340 it does not have the menu element as the header for the shop page has: https://gyazo.com/cf0fa3814f142643b9f8968d04638d5c

If you want to add the menu to the landing page, add the menu item as on the shop page and choose the same.

If you want to customise the button on the shop page, please use this Custom CSS in the Theme settings > Custom CSS :

.wd-nav.wd-nav-secondary > li.pricelist-menu a span{
    padding: 12px 20px;
    font-size: 13px;
    line-height: 18px;
    border:2px solid #0f91e3;
    cursor: pointer;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
	  border-radius: 40px;
}

Best Regards

Hi Elise 🙂

I haven’t changed the start page because it looks bad without customm css, now I’ve adjusted both menus and I’m very happy 🙂 Thank you very very much for your help!

Pablo

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

[Author]

Posts