Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 2, 2015 at 6:19 pm #528726
    magnusf2

    Hello! :)

    I use a color section with a background image in two places on my page, and in both of them I use the option for a dark overlay. This works fine on my computer, but when I look at it on ipad, the overlay doesn´t cover the whole background image – there is a thin line (maybe one pixel wide or so?) at the top and/or at the bottom where the overlay isn´t covering.
    The color sections can be found on the main page (“home”)

    Any remedy for this? :)

    Thanks!

    November 2, 2015 at 6:39 pm #528741
    magnusf2

    Forgot to say were to find the page! Here it is!

    November 3, 2015 at 5:41 pm #529507
    Andy

    Hi!

    use this code for iPad:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
div .av-section-color-overlay {
height: 101%;
}}

    Cheers!
    Andy

    November 24, 2016 at 2:18 am #716224
    Briana

    I am having the same problem on both orientations but mine is about a 20px gap.
    I adjusted the height value on your supplied css code but it isn’t changing anything.

    See: http://www.carnarvonroofing.com.au/

    Edit: it’s the colour overlay on top of the image of the storm.

    November 24, 2016 at 7:19 am #716283
    Rikard

    Hi,

    You have this code in your style.css file:

    @media only screen and (max-width: 1240px) and (min-width: 641px) {
#storm-damage {
    padding-top: 30px;
    padding-bottom: 30px !important;
}
}

    Please remove it or change it to this:

    @media only screen and (max-width: 1240px) and (min-width: 641px) {
#storm-damage {
    padding-top: 0;
    padding-bottom: 0;
}
}

    Best regards,
    Rikard

    November 24, 2016 at 7:45 am #716291
    Briana

    Thank you Rikard! I didn’t not know that was there. Silly me. Enfold support is worth every penny as usual.

    November 24, 2016 at 11:21 am #716351
    Rikard

    Hi,

    No problem, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Overlay not covering whole background image on ipad’ is closed to new replies.