-
-
Hello,
You have to upload a bigger image to have a fully image on mobile.
Another option is to change the cover background in container but it will not look good:
@media(max-width:767px){ .bg-layer{ background-size:contain !important; } }
Regards!
-
It’s there a way to show the complete image in a mobile view? it’s only showing a part of the image.
And other thing, if you move to the left with your finger, appears a part of the background like if the mobile view ends.
Can you help me with this?
Regards. -
Hello,
Please add this code to remove the background line in mobile:
@media(max-width:767px){ #viewport { overflow-x: hidden; } }
I checked the mobile header background and it looks ok. See screenshot: https://postimg.cc/bSggTkD3
I suggest you clear cache and hard refresh site.Let us know.
Best regards!
-
Hello,
yes, if I put the next CSS code, the site shows the complete image of the banner but only at the top of the div and the other images and the texts down:
@media (max-width: 767px) {
.bg-layer{
background-size:contain !important;
}
}Is there’s a way to shows this image centered in all the div?
I don’t want to modify the structure.Regards.
-
Hello,
I understand what you want now. Please edit the code to this:
@media (max-width: 767px) { .bg-layer{ background-position: center center !important; background-size: initial !important; }}
Try removing one of the attributes at a time and check the result. You can keep them both (position and size), or keep just one..depending on the result you want.
Let me know.
Best regards! -
You must be logged in to reply to this topic.