Drop Down Menu

Support
#1

Hi,

How to make changes to drop down menu?

  1. Increase font size
  2. Increase column width
  3. Change background color
  4. Change font color

Thanks

#2

Hi @lewisleezg,

Thanks for writing in.

Add this in your custom CSS:

 //1. and  4.
.x-navbar .desktop .sub-menu a{
     font-size:10px
     color:#fff;
}
//2. and 3.
.desktop .sub-menu{
     min-width:200px;
     width:100px;
     background-color:#fff;
}

Let us know how it goes.

Thanks.

#3

My apologies

  1. How to bold fonts as well?

  2. How to change the hover color (currently black)

Thanks.

#4

Hi there,

Please provide the link to your site so that we could check it.

Thank you.

#5

Please refer to secure notes.

Thanks.

#6

For the submenu items to be bold, replace the given code previously from

.x-navbar .desktop .sub-menu a{
     font-size:10px
     color:#fff;
}

to

.x-navbar .desktop .sub-menu a{
     font-size:10px;
     color:#fff;
     font-weight:bold;
}

Changing the hover colors would be getting into custom development which is outside the scope of our support. For further changes, please contact a third party developer.

Thanks.

#7

Then at least, can we remove the background hover which is currently in black?

#8

Hi again,

Please add the following code in your Customizer as well:

.desktop .sub-menu a:hover {
    background-color: transparent !important;
}

Cheers!

#9

+1 for me too thanks!

#10

Sure and you’re welcome.

Cheers!