Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 29, 2015 at 6:10 am #451534
    classywebsites

    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!

    May 29, 2015 at 3:25 pm #451637
    classywebsites
    This reply has been marked as private.
    May 31, 2015 at 7:40 am #452194
    Ismael

    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

    May 31, 2015 at 5:05 pm #452259
    classywebsites

    Hi Ismael,

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

    Thank you!

    June 1, 2015 at 9:24 am #452391
    Rikard

    Hey!

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

    Cheers!
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Shrink Custom Background Image Inside Header on iPhone’ is closed to new replies.