Mobile header background

pending (8 posts) (4 voices)

  1. Is it possible to have a different header background just for mobile? Much like switching out the regular logo with a mobile version...can you do the same thing with the actual header background?

    Posted 4 years ago #
  2. Elliott

    Hello Sladestyle,

    Add this in Dashboard -> your theme -> Responsive & Mobile -> Mobile CSS,

    #header { background-image: url("URL to your image") !important; }

    Posted 4 years ago #
  3. dang...sorry. I was making it more difficult than it needed to be. Thanks again!

    Posted 4 years ago #
  4. No problem.

    Let us know if you need anything else!


    Posted 4 years ago #
  5. bhchilds

    How can I change the background image or remove background image for mobile device only?

    Posted 4 years ago #
  6. Elliott

    Add this,

    .mysite_responsive #header { background-image: url("URL to your image") !important; }

    Posted 4 years ago #
  7. bhchilds

    not of the header, the entire background

    Posted 4 years ago #
  8. Hi!

    Then use this code:
    .mysite_responsive { background-image: url("URL to your image") !important; }

    If you want to adjust it a little better please send us a link to your site.


    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