Dear Support Team,
I’m editing a website for a customer where I’ve placed a photo as a background element within a grid-row: http://neu.yoga-in-der-valley.de/kontakt/
On the computer this also appears in the correct view. Only on the phone, the picture is only cut shown (see screenshot cell phone: http://yoga-in-der-valley.de/support/photo/photo.png) Is there a possibility that I on the phone / tablet the Picture in its full size darstelle?
On the page “teacher” http://neu.yoga-in-der-valley.de/lehrer/ I have the same problem. Again, the photo on the phone is only shown cut: http://yoga-in-der-valley.de/support/photo/photo2.png
Is there also a possibility here that on the Handy / Tablet the picture also in its whole size represent?
Thank you for your work
Best regards Diana
Hey Diana,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.page-id-401 .avia-builder-el-3 {
height:400px !important;
min-height:400px !important;
}
}
Best regards,
Rikard
Hello Rikard,
thank you for the script. It works very well and I could solve the problem on the pages.
Many Thanks!
Best regards Diana
Hi Diana,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Victoria