Dear all,
I am using ENFOLD… and … I have a minor issue with the layout of my page. I am using BOXED layout – i.e. the GRID sets BODY to 782px when viewing the page on IPAD device …
Unfortunately on IPAD I have the issue that it seems that it does not perfectly fit the IPAD width… there is always a few pixels of scrolling left / right what makes the appearance on IPAD slightly uncomfortable.
Any idea how I can make the width perfectly fit on IPAD devices to avoid any left/right scrolling?
Thanks for your help!
Hi!
Here’s how it looks for me on iPad (simulator, portrait and landscape):
https://www.dropbox.com/s/io3v92r5liq229k/Screen%20Shot%202014-09-14%20at%209.14.37%20PM.png?dl=0
https://www.dropbox.com/s/n9u1ld7s3od84co/Screen%20Shot%202014-09-14%20at%209.14.49%20PM.png?dl=0
Can you post a screenshot of your view?
Best regards,
Josue
Hi –
The issue is with Portrait view only… You can also see it on your screenshot (especially on the horizontal box) that the screen is not
perfectly aligned… It is a few pixels too large for IPAD portrait resolution… That’s the reason for a kind of “swimming, unstable” feeling when scrolling on an IPAD…. Can you figure it out? Do you have an iPad to test it?
Not sure whether this is a general issue with BOXED style or whether this only is an issue for my specific installation…
LG,
Roman
Hey!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .boxed#top {
width: 768px;
}
}
Cheers!
Devin