UberMenu in Pro header

[neilandroid]

I’m using an UberMenu in my desktop header and am using the following CSS to alter the letter spacing and dropdown border:

.ubermenu-submenu-drop {
border-top: 0 !important;
}
.ubermenu .ubermenu-target-text {
letter-spacing: 0.15em !important;
}

It’s working as intended everywhere, apart from on top-level pages. I think this may have something to do with the top-level text highlighting the current open page.

[marc_a]

Hi @neilandroid,

Thanks for reaching out.

Please make sure that you added your CSS in Global CSS, to do that please go to Pro > Theme Options > CSS.

Hope that helps and let us know how it goes.

Thank you.

[neilandroid]

Hi Marc. It is added in the main theme CSS

[ruenel]

Hello @neilandroid,

By default, the border-top property was added with this CSS code built-in the plugin styles.

.ubermenu-skin-vanilla.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: 1px solid #e0e0e0;
}

Feel free to use the code and modify it to override the styling. Please also check out Appearance > UberMenu > Main UberMenu Configuration and check out some of the settings which you can adjust like the color, margin, padding, etc. For more help, check out the documentation:

• https://sevenspark.com/docs/ubermenu-3

Best Regards.