Hi,
Can you please tell me how to change my main menu so that it has a black background and white text like this one https://www.dogster.com/topic/dog-food. Also how can I reduce the space between the header menu topics so that I can have them on one line.
Thank you.
Hi,
On your current header, you can achieve this only with custom css -> https://i.imgur.com/LitDoRm.jpg
.td-header-style-10 .td-header-main-menu {
padding-left: 0px;
}
.td-header-style-10 .td-header-menu-wrap-full{
height: 48px!important;
}
.td-header-style-10 .sf-menu > li > a {
padding: 0px 10px;
color: #fff;
background-color: #444;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.sf-menu > li:hover > a:after, .sf-menu > .current-menu-item > a:after{
display: none;
}
.td-header-style-10 .sf-menu > li:hover > a {
color: #68c62d;
background-color: #fff;
}
The code need to be set in theme panel> custom code> custom css
Also there is a new way to achieve this, you can use a cloud header from tagDiv Cloud Library and you can edit it with tagDiv Composer.
Thank you!
Thank you so much. Perfect – it’s exactly what I wanted.
All the best.
Derek
