Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1288776

    Hey guys,
    Having an issue with spacing on the tablet/ipad landscape. If you go to the link below you will notice the slider with the picnic tables in it in the first/second fold overlaps the three buttons (PNG clear space is overlapping, preventing full button functionality). There is a whitespace item between them that is not activating on ipad or other tablet landscape modes. I have played around with adding a separate color section just for this spacing but same affect; the tablet ignores this spacer.

    Can this be fixed without affecting desktop resolutions?

    The site is aligning properly on phones and desktops.

    • This topic was modified 3 years, 8 months ago by Josh.
    #1289411

    Hey Josh,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    #picnic-tables-desktop {
        margin-top: -120px;
    }
    }

    Best regards,
    Rikard

    #1289494

    Thank you as always, Rikard! Worked perfect.

    I can apply this same solution to a number of other minor ipad/tablet spacing issues — appreciate the assist!

    • This reply was modified 3 years, 8 months ago by Josh.
    #1289509

    Hi,
    I’m glad this was resolved.If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘iPad/Tablet Landscape Mode Responsive Whitesapce’ is closed to new replies.