Hi,
we would like to have a color section with background image and a fix height full responsive in smartphones und tablets.
May be up to max-width: 767 Pixel
We style the color section with:
@media only screen and (max-width: 767px) {
.responsive #section-id .avia-full-stretch{background-size:contain !important;}
}
Our problem is the fix height in the color section. The image is responsive. But we have a white place above and under the image.
(fix-height) Do you have a smart idea to fix this?
You can see it in the Link in the private Content.
Regards
Biggy
Hey Biggy,
Please try adding this to quick css:
.avia-full-contain {
background-size: cover !important;
}
Let me know if this works
Best regards,
Jordan Shannon
Hi Jordan,
now the fix is in the quick css … the result you can see in the link.
Regards
Biggy
Hi,
Does this work for you? Did you still need help?
Best regards,
Jordan Shannon
Hi Jordan,
it doesn’t work. With your css it is not more responsive. You can see it in the link in the private content!
Regards
Biggy
Hi,
Please screenshot the white spaces that you need removed. Also, if possible, please provide admin info privately so that I can log in and look into this further.
Best regards,
Jordan Shannon
Hi Jordan,
look in the private content please.
Regards
Biggy
Hi,
Try the following configuration in ALB:
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for your help.
You can close the topic.
Regards
Biggy
Hi,
If you need additional hep, please contact us here on the forums.
Best regards,
Jordan Shannon