thin white line between logo and title

Hi @gournelo Can you please try this css to remove thin line under logo?

.site-header-wrapper {border-width:0px;}

Please try this css to add background color to menu.

.main-navigation-container {background-color:red}

If this css not reflecting, try by adding !important.

Thank you! That WORKED! You’re amazing, it’s been driving me crazy.

Any suggestions on how to make the menu narrower (shorter)? I tried changing the padding in CSS but that didn’t work, so I’m guessing I put in the wrong element.

I used:
.main-navigation li {
padding-top: .3em;
padding-bottom: .3em;
}

and:

nav#site-navigation {
padding-top: 0em;
padding-bottom: 0em;
}

@gournelo Can you please explain what change you need exactly? Do you want to decrease top spacing or spacing between 2 menu items?

Thanks for your reply! I have a feeling the two things are related, but both, ideally. Thanks!

Hi @gournelo I am not getting exactly what you want to do. Can you please explain in detail or share screenshot?

Sure, here’s a screenshot! I hope this helps. Thanks so much!
https://www.400yaahc.gov/files/2022/07/400YAAHC-CSS-Question.pdf

• This reply was modified 2 years, 4 months ago by gournelo.

Hi @gournelo There is padding top and bottom given to a tag in menu. That’s why spacing is showing between main menu and sub menu. Reduce them and set as per your requirement. Comment css line as per below code and check.

.main-navigation ul a {
   /* padding-top: 2.9em; */
   /* padding-bottom: 2.9em; */
    border-bottom: none;
}