Navigation Menu Spacing & Color

I've seen very similar posts but not quite what i'm having issue with.  The menu navigation dropdown spacing is way too big & this is 7.1 so I don't see any way to customize spacing as we did in 7.0.

Screenshot attached. 

Also, bonus round, how can we force a 50% WHITE color for the content background of the drop down menu? I was able to make it transparent or black opaque but how do I override for white.

#1. What is site url?

#2. Add to Design > Custom CSS

/* Dropdown color */
.header-nav-folder-content {
    background: rgba(255,255,255,0.5) !important;
}

20 hours ago, tuanphan said:

#1. What is site url?

#2. Add to Design > Custom CSS

/* Dropdown color */
.header-nav-folder-content {
    background: rgba(255,255,255,0.5) !important;
}

 

Thank you! I was missing the 0.5! this is great. any insight on how to make the negative space / padding tighter on the menu items? Still have a lot of empty / unnecessary spacing in drop down.

On 6/12/2023 at 10:28 AM, MrGross said:

Thank you! I was missing the 0.5! this is great. any insight on how to make the negative space / padding tighter on the menu items? Still have a lot of empty / unnecessary spacing in drop down.

You mean this?

8 hours ago, tuanphan said:

You mean this?

Yes.

On 6/13/2023 at 11:49 PM, MrGross said:

Yes.

Add to Design > Custom CSS

/* Dropdown auto width */
.header-nav-folder-content {
    width: auto !important;
    min-width: unset !important;
}

On 6/15/2023 at 1:58 AM, tuanphan said:

Add to Design > Custom CSS

/* Dropdown auto width */
.header-nav-folder-content {
    width: auto !important;
    min-width: unset !important;
}

 

Awesome! Huge help, thank you!