Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 20, 2019 at 11:39 am #1168083
    ninasmith

    Hi guys,

    I have an issue with my color section which should fill out 100% of the browser height. On iPhones it works fine:
    https://mega.nz/#!TLR2EAyb!fc8DtwIWzxW1h481YcT3I9kaTLNwBpLtmkHXqOusXuI

    But on iPads it doesn’t fit. The section is cut at the bottom and you have to scroll down in order to see the animated white arrow.
    https://mega.nz/#!fHI2hQaR!nuAQJwj7CBnv9l5PJbmES9kWuTnudvSpvh6_VR9FJvo

    I’ve tried this on two different iPads (Pro and Mini)… both are showing the same issue.

    Any chance to fix this?

    Thanks a lot and kind regards,
    David

    December 22, 2019 at 7:35 pm #1168604
    Mike

    Hey ninasmith,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 425px) and (max-width: 988px) { 
	#av_section_1 .scroll-down-link {
	top: 60% !important; 
	}
}

    Best regards,
    Mike

    December 23, 2019 at 10:23 am #1168683
    ninasmith

    Hey Mike,

    no problem, thank you for your answer! This code helps me a lot. Now I can adjust the position of the arrow and it looks a lot better on the iPad.

    The color section itself is still bigger than the browser height, but I can live with that now. Nevertheless, if you have an idea to solve also this small issue, I would appreciate.

    Have a Merry Christmas buddy!

    Kind regards,
    David

    December 26, 2019 at 1:54 pm #1169025
    Mike

    Hi,
    Glad to hear this helped. I believe this may be related to this in css3 Merry Christmas and have a Happy New Year.

    Best regards,
    Mike

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