Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #451534

    The Custom Background Image inside the Header looks fine on a desktop and iPad, but on the iPhone only the very top of the Custom Background Image is visible.
    Can the Custom Background Image inside the Header be shown smaller just on the iPhone?
    If not, can a different Custom Background Image inside the Header be used just for the iPhone?
    If not, can padding be added to push the Custom Background Image inside the Header up and/or to the left/right just for the iPhone?
    Thanks!

    #451637
    This reply has been marked as private.
    #452194

    Hi!

    Thank you for using Enfold.

    You can use this to define another background image for smaller screens:

    @media only screen and (max-width: 767px) {
      .header_color .header_bg {
        background: #ffffff url(//www.skloff.com/wp-content/uploads/2015/05/new-header.jpg) top center repeat scroll;
      }
    }

    Adjust the image url.

    Cheers!
    Ismael

    #452259

    Hi Ismael,

    It worked great!
    Once again, proof you and the Enfold team are great.

    Thank you!

    #452391

    Hey!

    Great, glad we could help and thanks for the kind words :)

    Cheers!
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Shrink Custom Background Image Inside Header on iPhone’ is closed to new replies.