Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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 ago by Josh.

    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,


    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 ago by Josh.

    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.