Docs

[Kalle Johansson]

Hi,

A navbar dropdown menu disappears a second or so after the pointer is moved away from it. I find that a bit sluggish. Could I shorten this delay time?

(website: http://klimatriksdagen.se/)

[Rahul]

Hey There,

Thanks for writing in.

You can avoid this delay by adding following under Custom > CSS in the Customizer :

/* Avoiding Submenu Delay */
.x-navbar .desktop .x-nav li:hover > .sub-menu {
   display: block;
}

Let us know how it goes!

[Kalle Johansson]

That did not work. The delay persists. Sorry.

[Rupok]

Hi there,

Thanks for updating but I can’t see any delay now. Can you check again and make sure?

Cheers!

[Kalle Johansson]

Please see attached video. I have cleared the WP SuperCache twice, without change. Does it look differently at your end?

[Jade]

Hi Kalle,

Please try to add this in the customizer:

.x-navbar .desktop .x-nav li > .sub-menu {
   display: none;
}

.x-navbar .desktop .x-nav li:hover > .sub-menu {
   display: block;
}

Hope this helps.

[Kalle Johansson]

It did. Thanks a lot!

Another question: I managed to format the menu using this

.x-navbar .sub-menu {
 background-color: #00AEEF;
 font-size: 15px;
 text-align: right;
}

However “font-style: bold;” did nothing. Also, can the font itself be changed?

[Friech]

Hi There,

font-style only accept normal, italic, or oblique.

Use font-weight instead.

header .x-navbar .desktop .sub-menu a {
    font-weight: 800;
    font-family: cursive;
}

Where cursive is the name of the font that you want to use. 800 is how thick the text would be (100 thin – 900 bold)

Hope it helps, Cheers!

[Author]

Posts