Header color with mobile browsing

mariparviainen · January 2015

Hello,

I've created a website with "Empty" header style. When looking with browser it looks ok, but when I'm looking with mobile phone, I can see white "headersection" above the revolution slider. I would like to change the color of the header section to be dark grey in a similar way than it's in BeTheme BeApp demo (http://themes.muffingroup.com/be/app/).

I've tried to change the color at Appearence / BeTheme Options / Layout / Header / Sticky style from White to Dark, but then the problem was that the white sticky header was showing up all the time also with browser also.

You can see my website at http://www.couplesdeals.co.

Thanks for your help!

Albert · January 2015

Hi,

to change this header background color on mobile, please use below css:

@media only screen and (max-width: 479px) { #Top_bar { background: #000 !important; } }

Header color with mobile browsing

Comments