change top bar bg colour

jonnyhey

Hi,  pls advise how to change the top bar bg colour when viewed on a mobile phone/small screen.
its ok on large screen but it turns white on small screen.
I tried this but it didnt work:

#Top_bar, #Action_bar {
    background: #545454 !important;
}


#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {
    background-color: #545454 ;
}

screenshot attached, thanks..
http://s503055047.websitehome.co.uk/

Albert

Hi,

to change background color of the Top Bar on mobile devices, you need to use the following css:

#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {
    background-color: #545454 !important;
}

But to disable this grey bar below the logo, please turn on "Hide Top Bar" option under Theme options > Header & Subheader > Extras section.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next