Sticky Header Color

Posted in: Newspaper
Post count: 7
ldjohn
#62355
Aug 2, 2015 at 3:22 pm

How do i change the color of the sticky header on mobile screens. On my site it is set to white however when the screen gets small it changes to black. I want both to be the same colour.

Post count: 7909
Alin [tagDiv]
#62518
Aug 3, 2015 at 4:41 pm

Hi,

You can change the background color on mobile devices via custom css in Theme Panel > Custom Css, please check this topic – https://forum.tagdiv.com/topic/mobile-logo-2/

Thanks!

Post count: 7
ldjohn
#62871
Aug 5, 2015 at 3:09 am

I’m struggling to understand the code. I’m completely new to this. If i just wanted to make the background color of the sticky header white on mobile devices what is the exact code would i enter into the custom css box??

Post count: 7909
Alin [tagDiv]
#62914
Aug 5, 2015 at 11:46 am

Hi,

Just paste this code in Theme Panel > Custom Css – http://screencast.com/t/MbJWkqsf

@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;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}

Result: http://screencast.com/t/TC2Qt7US

Thanks!

Post count: 7
ldjohn
#62953
Aug 5, 2015 at 3:06 pm

Excellent support. Thanks guys

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.