How to change drop-down menu size and color and other attributes

Hello there,

How can I change drop-down menu size and color and other attributes ?

Website address : wizard.gigfa.com

Hi,

Please try this CSS code below:

.main-navigation ul ul li{
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
}

Feel free to adjust the value of the padding and font size.

And can you let me know, which color you want to edit?

Regards,
Awan

Hello @Awan ,

Big thanks, I need to change the size of drop-down menu ; When it opens , it has a lot of free space and its white I want to change this color ; and change drop-down menu font color.

Hi,

The big space is because the padding from the code in above.
Okay, please try to use these CSS code instade:

.main-navigation ul ul {
    background-color: #ed9e36;
    border-color: #c58633;
    padding-right: 0;
}
.main-navigation ul ul li {
    font-size: 18px;
    color: blue;
}
.main-navigation ul ul a {
    color: #a80d0d !important;
}

Regards,
Awan

@Awan that helped me alot,

But i need to make it smaller and better to fit my website design can you help me?

Hi Edward,

Did you mean that after you implement the code in above then the font size looks bigger, and you want to reduce it? if yes, you just need to adjust the value of font-size from the code in above. You can try to adjust the font size to 16px; or 14px;.

Regards,
Awan

Hey @Awan you are so perfect,

I still need to reduce the size of free space and when in drop-down menu.
Now it has a lot of free space which is unusable.

Thanks

Hi,

Did you mean the space in the right of the menu text? if yes, please try to add this CSS code:

.main-navigation ul ul a {
    width: 130px;
}

You might need to adjust the value of the width from the code in above.

Regards,
Awan

@Awan thanks ,

I really appreciate your help.

Good luck.