I have four columns that are next to each other and each have a background image. At a certain resolution, this column’s background image will be cut off instead of transitioning to the two-line layout. I would like to prevent that. The background image should always be displayed completely. At an even smaller resolution it works again. Please support! Thanks!
André
Hi André,
Please give us a link to the page that you mentioned and we’ll try to help you with it.
Best regards,
Nikko
Hello,
you ll find the link and pw in the private content – look on the frontpage the Pictures: Babybauch, Baby, Kinder, Familie.
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#top.home .entry-content-wrapper .no_margin.av_one_third {
width: 50%;
}
#top.home .entry-content-wrapper .no_margin.av_one_third.first {
clear: right;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
This works – thank you!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike