Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2017 at 9:39 am #751305
    somaticrevolution

    Hi there,

    We have built a site using enfold and we are using a full width banner which looks great using a computer, but gets cut off significantly using the mobile view. How can we get it to show up correctly?

    Thanks much
    Darin

    http://orcasislandchamber.com/

    February 24, 2017 at 7:19 pm #751548
    patriscia

    hello can I ask you how you have changed the header to put the whole picture?

    February 26, 2017 at 9:38 am #751896
    somaticrevolution

    Hi there. we put it In the logo area for Custom Background Image

    February 28, 2017 at 11:46 pm #753335
    Nikko

    Hi,

    You can use this css code and put it in Quick CSS (located in Enfold > Styling):

    @media only screen and (max-width:767px) {
  .header_color .header_bg {
    background-size: 100% auto;
  }
}

    however the problem is it won’t accommodate the space. I would probably recommend something like this instead:

    @media only screen and (max-width:767px) { 
  .header_color .header_bg {
    background-size: auto 100%;
    background-position: -70px 0;
  }
}

    However the text in the image doesn’t fit also. I think we can use the 2nd code but replace the image with another one.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.