Submenu Spacing and background colour hover

[King]

Hi,

Is there a way that i can increase the spacing between the items in my navbars submenu (dropdown)? Also can i make the background of the individual menu item change colour on hover as opposed to the text. This websites menu is what I am trying to achive:

http://www.ninestilesacademytrust.org.uk/
(look under the academies drop down to see what i mean)

My site is: https://learningcommunitytrust.co.uk

thanks.

[basanta]

Hi There,

Thanks for writing in!

you can use custom CSS to do this.
Please add this CSS to your theme option -> Global CSS.

 .x-navbar .desktop .sub-menu a {
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;  /*add your color for border*/
}
.x-navbar .desktop .sub-menu a:hover {
    background: #ccc !important; /*add your color for the hover*/
}

Hope this helps!

[King]

Hi @basanta

That is perfect!! Exactly what i wanted! Thank you so much It works perfectly.

[christian]

You’re welcome. Glad we could help.