Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #635998

    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

    #636286

    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

    #636918

    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.

    #637498

    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

    #637575

    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.

    #638070

    Hi,

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

    Best regards,
    Yigit

    #638102

    Okay, thanks, Yigit.

    #639072

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.