Responsive layout header colour

resolved (5 posts) (2 voices)

  1. BridgeForce

    When viewing in a responsive layout the header is a light grey. It should be the same color as the full version of the site. How do I change the color of the header for the responsive theme?

    Posted 4 years ago #
  2. Elliott

    Hello BridgeForce,

    Add this to your custom CSS,

    .mysite_responsive #header { background: blue !important; }

    Posted 4 years ago #
  3. BridgeForce

    Hi Elliott,

    I added the line, however the responsive version is still displaying the light gray color. After adding the line I also had to change the setting under, inFocus -> Responsive & Mobile -> Responsive Layout Options to "Make my Site Responsive for Mobile Devices". My original setting for this was, "Make my Site Responsive on all Devices". I had to change this because after adding the line you recommended my full site header turned blue, but not the responsive version.

    Posted 4 years ago #
  4. Elliott

    Switch it to this,

    .mysite_responsive.has_slider #header, .mysite_responsive #header { background: blue !important; }

    Posted 4 years ago #
  5. BridgeForce

    That's perfect. Thank you very much, Elliott. As always, your quick response is always appreciated.

    Posted 4 years ago #


You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme