Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2021 at 8:31 pm #1288776
    Josh

    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, 4 months ago by Josh.
    March 21, 2021 at 9:28 am #1289411
    Rikard

    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

    March 21, 2021 at 9:28 pm #1289494
    Josh

    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, 4 months ago by Josh.
    March 21, 2021 at 9:41 pm #1289509
    Jordan Shannon

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

    Best regards,
    Jordan Shannon

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