Change menu bar color ?

Posted in: Newspaper
Post count: 57
gagosg
#67149
Sep 2, 2015 at 6:57 pm

Hi,
I want to change the color of background and icon on my menu bar. How can i do it ?

Site: gagoblog.com (my testing site)

Post count: 22421
Bogdan B.
#67239
Sep 3, 2015 at 11:48 am

Hello gagosg,
You need to add this code to the custom css tab in the theme panel:

@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
    background-color: #FFF !important;
}

It looks like so: http://screencast.com/t/Goaq9vat

Thank you.

  • This reply was modified 10 years by Bogdan B..
Post count: 57
gagosg
#67619
Sep 4, 2015 at 2:04 pm

Thank for great support!
It works perfectly 😀

Post count: 10
vzey
#74455
Oct 15, 2015 at 2:56 pm

can this be done somewhere so it doesn’t flick on page load? its black for a split second then white. have the same issue with the custom CSS applied to left align my logo

.td-header-style-7 .td-header-sp-logo {
margin-top: 10px;
margin-bottom: 10px;
}
.td-header-style-7 .td-header-sp-logo img{
margin: initial;
}
@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFF !important;
}

Post count: 555
Steven
#74457
Oct 15, 2015 at 3:06 pm

You don’t need a css code this can be done in the theme color sittings for mobile,there is a feature for this…

Post count: 10
vzey
#74628
Oct 16, 2015 at 12:33 pm

i can’t see this setting, i’m on newsmag

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.