Viewing 6 reply threads
You must be logged in to reply to this topic.
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!
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.