Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 8, 2014 at 4:47 pm #332537
    Heng Gao

    Hi enfold team:

    I want to create a custom header background with custom image. I understand to use the general styling -> logo area -> background settings. But I lose the responsive ability when testing with small devices.(The image is 1903px width and tile vertically which is design for desktop devices).

    I am wondering if there is any specific css settings that I can modify to change the background image for smaller devices?

    Cheers//

    Heng GAO

    October 9, 2014 at 7:17 am #332984
    Ismael

    Hi Heng!

    Thank you for using Enfold.

    You can use this on Quick CSS or custom.css to modify the header background image on mobile device:

    @media only screen and (max-width: 767px) {
.header_color .header_bg {
background: #ffffff url(//localhost/kriesi/enfold/wp-content/uploads/2014/09/aa.jpg) top center repeat scroll;
}
}

    Cheers!
    Ismael

    October 9, 2014 at 4:39 pm #333328
    Heng Gao

    Hi Ismael:

    Thanks a lot.

    Great support~

    BR//

    Heng GAO

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to use custom image as the header background.’ is closed to new replies.