Main image on mobile

hudini007

Hi there,

I have a problem with my main image. Everything is okay on desktop but when I see it on mobile phone image is not as it needed to bi, like it is it zoomed for 100 times. Can you help me. If there is possibility on mobile phone there is no need for text on image. That is also for desktop view.

Thanks in advance.

Ninja

hudini007
Hi
The image is in the background so better option to display it all devices is set the size as cover

Add this code in custom.css file

.t3-hero .acm-hero .hero-item {background-size:cover}

This will also increase the viewing area of image and also show it in mobile.
Please note in phone it will not full as pure responsive bg image can not fill complete height behind the text. So i prefer it cover size for your site.

Hope it helps.

Regards