Ubermenu Top Level Hover - Bold

Support
#1

Is there a way to make the top level hover bold instead of just changing to another color?

I want to make the font weight heavier on hover using the same color.

http://lh2.4ca.myftpupload.com/

Also - how do I underline on hover?

Thanks!

#2

Hi Frank,

Thanks for reaching out.

There is no font-weight configuration for top level hover in Ubermenu, probably because changing the height upon hover will shift the layout a bit. But, you can still achieve that by adding this CSS to your Admin > Appearance > Ubermenu > General Settings > Custom CSS Tweaks


    .ubermenu-main > ul > li.ubermenu-active >  a span{
     font-weight: bold;   
    }

I also recommend checking Ubermenu documentation about customization https://sevenspark.com/docs/ubermenu-3/customize/custom-css.

Hope this helps.

#3

Perfect, that worked!

Can I ask another question?..

How do I round the bottom corners of the entire drop down menu?

Thanks!

#4

Hello Frank,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

.ubermenu-submenu {border-bottom-right-radius: 20px !important;border-bottom-left-radius: 20px !important;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Perfect again! Thanks

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.