Change Header Color (Mobile)

• 

  endurofit · Member · May 25, 2015 at 5:30 am

  • Copy link
  • Add topic to favorites

  Hi there, I want to change the color of the header to white. I am using the Goran theme, and it will only seems to allow me to change it to a colored banner. Our logo has a white background, so we need it to be white. Is it possible to do this?

  To see what I am mean, try opening endurofitcanada.com on your phone or tablet.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · May 25, 2015 at 6:13 am

  • Copy link

  Hi.

  That’s true: your display changes. But let me say you, not exactly with mobile devices, but when browser window is narrower than 1020px
  You can change your header background for those windows with a little bit of css magic. If you want it white:

  .site-header {
      background-color: rgb(255,255,255);
  }

  Or… if you want it exactly as it appears in wider windows:

  .site-header {
      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.224);
  }

  I hope this helps you. Enjoy blogging!

• 

  endurofit · Member · May 25, 2015 at 9:32 am

  • Copy link

  That did he trick! Thank you, sir.

• 

  staff-jeanpierreac · Staff · May 25, 2015 at 12:05 pm

  • Copy link

  Glad to see that! Your are welcome! :)