Docs

[EdwindeGraaf]

Dear Themeco,

This is my site: http://www.nordic-dome.nl, i would like to have a change on the dropdown menu on the menu: ‘mogelijkheden’. As you can see, it now dropsdown right on the text. I would like to have it appear just underneath the header/menu. The white field. How can i do this?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

ul.sub-menu {
    top: 90px !important;
}

Thanks.

[EdwindeGraaf]

Thanks a lot. It works now, but not good. I already added a custom CSS for the dropdown with hover. Now the dropdown menu is on the right place, but the hover does not work anymore… I need to click it first, unfortunatly. Is there a way to fix it?

[Nabeel A]

Hi again,

I checked your dropdown menu it the hover effect is working just fine on my end (see attached) try clearing your browser’s cache and reload the site.

Let us know how this goes!

[EdwindeGraaf]

It worked! Thanks a lot for the great support.

[EdwindeGraaf]

Another question, the color of the dropdown menu is now white. I want to have the same color as the background and header. How can i change this?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.masthead-inline .x-navbar .desktop .sub-menu {

    background-color: #f3f3f3;
}

Hope that helps.

[EdwindeGraaf]

Thanks a lot! It works perfectly.

[Thai]

You’re most welcome 🙂

[EdwindeGraaf]

The dropdown menu works for some people’s devices. I already added the code and cleared my cache but still the dropdown menu isn’t working while hovering. Can you help me?

[Paul R]

Hi,

May I know what device and browser are you using.

You need to click on the arrow as there is no hover for mobile.

Thanks

[EdwindeGraaf]

Hi, i am using Firefox on my Asus laptop.

[Paul R]

Hi,

I checked on firefox and it is working just fine.

See Video – http://screencast.com/t/NbSenRh9snSX

Do you have browser extensions installed? Can you try on another computer.

[Author]

Posts