Background Image Disappear in Mobile View

markobravo

I am working on a site and noticed that the blue background image disappears on mobile view. Can you please help out? Here is a screen grab of the issue for your reference:  https://monosnap.com/file/Tnm1GYe9XbiD7l8hjgygnyVJQiju7S The screenshot take a bit to load, please be patient.

markobravo

Thanks!

Bryan

Hey,

on which page does this happen, is it on the home page? Please help us out.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

markobravo

Hi Bryan,

All pages have the same issue. I tried fixing it myself but it looks like it's dynamic code where the issue is happening. 

Let me know if you need anyhting else. 

markobravo

I posted login info for word press admin, but it looks like your system accepts very few characters in the message body, so I had to post it in chunks. I post that info again here.

Pablo

That's because you set the "fixed" position, it's not supported on iOS.

http://prntscr.com/r0n444

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

markobravo

Awesome! Thanks, Pablo. I would like to leave that setting to what is was on this demo by default. Do you know what option sets the background as in the demo?

Thanks again!

Pablo

It's hard to say.

Do you remember which demo you were using?

Thanksz

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

markobravo

Hi yes, it's the freelancer demo. Here's the link:

https://themes.muffingroup.com/be/freelancer/

Pablo

It is set to fixed, as you had - but as I said, it will not work on the iOS.

But all sections below that image are set to have background color blue - it fits to this image so it does not look like the image ended.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

markobravo

Sounds good! Thanks Pablo.

markobravo

Hey Pablo,

I am getting close to fixing this. It looks well on desktop. I got the background color that looks well on mobile, but for some reason the image cuts off and it doesn't look good on mobile. I think it's the position setting of the image, can you provide these exact setting of how the demo is setup:

https://monosnap.com/direct/8j9H9KYSTjyTll2sGSyTv2wCVILGbM

This is how it looks on mobile now: https://monosnap.com/direct/OrYNf6LSr6UeoJYXTga1jDpvqVLO9n

Pablo

Yes, it's all about the positioning the background image.

Try another positions like top or bottom, also if it won't help you please change your image size to "Contain"

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next