Travelin Template - Wrong Scaling Of Background On IOS - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Travelin Template - Wrong Scaling Of Background On IOS

W

Wiktor

Template 2 years ago

Hello. There seems to be a problem with background image scaling in my template, but as I noticed, this only happens on macbook and iPhone. Works fine on windows and Android. I think it also works fine for backgrounds which scroll, but overscales for images, that are fixed. Site url temp.dworzno.pl

0
3 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #114346

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

0
W
Wiktor
Accepted Answer
2 years ago #114399

Here are screenshots of same place on samsung and iPhone https://imgur.com/a/egz5Klt

0
Pavel
Pavel
Accepted Answer
2 years ago #114405

Hi. IOS (Safari) does not support fixed background css property. So this can be fixed only through CSS. Add your own class to all sections in which you use a fixed background. For example mobile-bg-scroll .

And use following CSS code.

@media (max-width: 991px) {
    .mobile-bg-scroll {
        background-attachment: scroll !important;
    }
}

Or you can use specific media queries for IOS only instead of @media (max-width: 991px) {...}

https://gist.github.com/michaelaguiar/3795392

0