-
Posts
-
Hello,
Need help once again ;)
I have an issue only on the tablets with some pages that uses fixed background images.
I used as reference your demo page http://kriesi.at/themes/enfold-app/ (and also happens the same issue).The images don’t appear and in the end it shows a small portion of one phone.
Here it’s an image http://imagizer.imageshack.us/a/img922/7797/zocjon.jpg to see it.Thanks for having a great theme and your help.
Hey Kyle,
Thank you for sharing the screenshot, i checked the site on http://ipadpeek.com/ as I do not use an IOS tablet. It appears fine however as per the screenshot you have shared the iphone image is not fully visible.
You can easily fix this by adding more negative top margin only on tablet screens using media query.
To target only the phone element please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Give the phone a custom class name and add your css in the media query for tablets in landscape orientation only https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
VinayHey Vinay,
Thanks for the reply.
But the problem appears only on the real iOS tablet (chrome&safari) On emulators like the one you showed it works nicely.Thanks
Hi,
Sorry for the late reply!
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your grid cell where you have your background image and give it a custom CSS class (“my-cell” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) and (min-width: 768px) { #my-grid { background-position: top left !important; } }Best regards,
YigitIt appears this may be a ‘known’ iOS issue?
https://kriesi.at/support/topic/fixed-background-not-working-on-mobile-ios-9-3-5/
- You must be logged in to reply to this topic.