Docs

[lgcoll]

Hello there 🙂

When I scroll over certain menu items (Politics, Culture & About to precise) a coloured highlight line appears underneath these items. However, this does not happen for the other three items (or rather I think it does, but in white so it doesn’t show up against the white background. My questions are:

1) How can I make this line appear underneath all of these items equally?

2) Can I add a line above these items when you hover over them as well, so each item is sandwiched as it were by these lines?

3) How do I make these lines black?

Thanks in advance!

p.s. I will include my login info below in a private reply

[lgcoll]

This reply has been marked as private.

[Zeshan]

Hi there,

Thanks for writing in!

#1, #2, & #3: It seems you have some custom CSS that is causing this issue. To overwrite it and show the line above the menu item too and change the lines to black, please add following CSS under Custom > CSS in the Customizer:

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > li:hover > a {
  box-shadow: 0 2px 0 0 hsl(0,0%,0%), 0 -2px 0 0 hsl(0,0%,0%) !important;
}

Hope this helps. 🙂

Thank you!

[lgcoll]

Amazing, thank you so much Zeshan! Works like a dream.

Quick follow-up question – is there a way to highlight the items in the drop-down menu when you hover over them? At the moment they remain the same, but I would like them to be a more satisfying click (I hope that makes sense!)

Is there, for example, a way to change the background behind the items on the drop-down menu to grey when you hover over them? Or perhaps to box them in lines like the rest of the menu categories?

Thanks in advance 🙂 Support here is great, I really appreciate it!

[Thai]

Hi There,

Please add the following CSS:

.x-navbar .desktop .sub-menu a:hover {
    background-color: #f0f0f0;
    color: #333;
}

Hope it helps 🙂

[lgcoll]

Worked like a dream!

Thai, you da man/woman! Thank you 🙂

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts