Any way I can get this opening image on the homepage to not have the head being cut-off as we see on the Ipad?
Renders well on a desktop. However it’s getting cut at the neck on my iPad (landscape orientation).
LMK if you have any thoughts. Thanks for the good work!
Hey Justin!
Thank you for using Enfold.
Adjust the background position value on tablet screens:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#home .av-parallax-inner {
background-position: 20% 50% !important;
}
}
Best regards,
Ismael
Thanks Ismael.
The vertical alignment doesn’t seemed to be impacted by that.
The image will shift L/R but not UP/DOWN to where I can see his head :/
It DOES however, respond to pixel values.
Hi!
Please replace the code with the one below
@media only screen and (min-width: 768px) and (max-width: 1028px) {
#home .av-parallax-inner {
background-position: 0% 0% !important;
}
}
If it still don’t work in the color section background position option please select top left that should do the trick for you :)
Best regards,
Vinay
Thanks Vinay, neither of your suggestions worked.
Only thing it seems to respond to is:
#home .av-parallax-inner {
background-position:-140px 120px!important;
}
But just so you understand what I was looking at…see the screenshot below…
Hi!
it looks fine to me on tablet landscape mode now:
Could you fix it? if you don’t see any changes please clear browser cache and hard refresh a few times. Check on another device as well.
Regards,
Andy