Docs

[pammyap]

Hello, I need help customizing sub-menus please..
– remove background colour of submenu
– submenu to be horizontal instead of vertical
– reduce padding of submenu so that it does not overlap the image below the nav bar

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[pammyap]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for the credentials, you can add this under Custom > CSS in the Customizer.

/* remove background colour of submenu and reduce padding */
.x-navbar .sub-menu {
    background-color: transparent !important;
    padding-top: 2px;
}

/*submenu to be horizontal instead of vertical*/
.desktop .sub-menu li {
	display: inline-block;
    margin-right: 12px;
}

Hope it helps, Cheers!

[pammyap]

Thank you but the menu is still too low, it overlaps the image below the nav bar. Is there anyway to reduce the space?

[Jade]

Hi there,

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

.x-navbar .desktop .x-nav > li ul {
    top: 40px;
}

Hope this helps.

[pammyap]

perfect. thank you!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts