line under menu

Hello

You can add add border below menu title using Addition css option.
Add below css in you Additional css option. Change your color code with #fff as you want.

.link-effect a span {
  border-bottom: 2px solid #fff; 
}

Thank you

Thanks for your help! I added this code in the Additional CSS, but unfortunately nothing happened… did I miss something? My website is https://www.winebotany.com, and I’m trying to add a border line below the “HOME WINE GREEN […]” menu. Thanks!

Hello

Remove last code which I send you and add below code.

#wrapper .primary-menu .link-effect a {
  border-bottom: 2px solid; 
}

Thank you

Thanks! The lines now appear, but as there is some padding between the tabs, there’s a blank between lines as well. Any way to remove those blanks? Thanks again (and sorry for the trouble).

Hello

Add below css in you Additional css option for reduce space around each menu item.

#wrapper .primary-menu .link-effect a {
  padding: 0;
}

Thank you

Thanks!

Welcome

Thank you

Hello, and happy new year!

I updated Evolve, but now the line appears in double. Is there something I can do to make it single again? The address is https://www.winebotany, and the Additional CSS I have is:

.primary-menu {
width: 985px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.sf-menu li {
height: 350px;
}

#wrapper .primary-menu .link-effect a {
border-bottom: 2px solid #990000;
}

.hentry {
border-bottom: 2px solid #990000;
}

.content {
padding-top: 0;
}

Many thanks for your help!