Background image on mobile device won't resize correctly

SupportCategory: Ta MeghnaBackground image on mobile device won't resize correctly
Mathieu Staff asked 2 years ago

Hello,
My website with Ta-Meghna is working well, but on mobile device, even on iPad display, the background image for section like Features, Counter, Team Skills won’t resize correctly. They look great on full display but on mobile device they look really zoom in, blury and way too big.
Thanks for your help

3 Answers
Rohit Staff answered 2 years ago

Hello, as the sections you mentioned use parallax background, there are some problems on mobile devices. I’m afraid now we have no solution to fix it. Sorry!

Mathieu Staff answered 2 years ago

Hello, just find out how to remove the parallax background on mobile device. It remove on all mobile device but keep the parallax on desktop or bigger display. It seem like the best solution for me for the moment, as it doesn’t look crappy but really awesome with the classic black background on mobile.
Just add this code on the media queries, in the responsive.css file, in layout folder, for all .parallax-section :

background-attachment: scroll;
background-position: top;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;

Thanks a lot for you theme, i really love you work!

Rohit Staff answered 2 years ago

Thanks for your solution!