Tagged: iPad, responsive, tablet, whitespace
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.
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
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!
Hi,
I’m glad this was resolved.If you need additional help please let us know here in the forums.
Best regards,
Jordan Shannon