Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 20, 2016 at 6:02 pm #635998
    1039 Online

    A white space displays above and below a color section on my phone. See Screenshot: https://snag.gy/7FGM1L.jpg
    I marked the white spaces I am referencing with red lines on the screenshot.

    I tried the following css, but it didn’t work:

    div#water_getmore {
border-top: none!important;
border-bottom: none!important;
padding-top:0!important;
padding-bottom:0!important;}

    The page with the problem is listed in private content

    May 22, 2016 at 1:10 am #636286
    Jordan

    Hey 1039 Online,

    Thanks for getting in touch with us!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px) {
#top #main .avia-section .template-page {
    padding-top: 40px !important;
}
}

    Best regards,
    Jordan

    May 23, 2016 at 4:25 pm #636918
    1039 Online

    Jordan,

    Thank you. That fixed the problem on my phone. However, there is still a white space and a line under the “Get More For Your Dollars” section on a tablet when it is horizontal. I removed the “@media only” portion of the code you provided and tried that, but it did not solve the problem.

    May 24, 2016 at 2:45 pm #637498
    Yigit

    Hi,

    I do not have an actual ipad but i could not reproduce the issue when i resized browser window and when i checked it on http://ipadpeek.com/. Have you figured it out already?
    If you have not, you can try changing “767px” in the code above to “1024px”

    Best regards,
    Yigit

    May 24, 2016 at 4:14 pm #637575
    1039 Online

    Yigit,

    The problem doesn’t seem to reproduce on a computer monitor. I tried using 1024 as you suggested, but it didn’t work on the tablet. I also tried 1290 and tried removing the max-width part of the code so that the padding-top instruction would always apply, but none of that worked.

    May 25, 2016 at 3:24 pm #638070
    Yigit

    Hi,

    I asked my teammates to check your website on an actual tablet. Please kindly wait to hear from them.

    Best regards,
    Yigit

    May 25, 2016 at 4:14 pm #638102
    1039 Online

    Okay, thanks, Yigit.

    May 27, 2016 at 4:59 am #639072
    Rikard

    Hi,

    Sorry for the late reply. I checked your site on ipad mini using Chrome. I see what you are referring to under that section, there is a small gap and a line when viewing in landscape orientation but not in portrait. I’m not sure what is causing it though since I can’t reproduce it on desktop browser, and because of that I can’t inspect it to see what is causing it either. It doesn’t really interfere with your design of the page in my opinion, is this something you can live with maybe?

    Regards,
    Rikard

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