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 http://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
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 http://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!
