Background Image Disappear in Mobile View

markobravo · February 2020

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: [Links visible only for registered users] The screenshot take a bit to load, please be patient.

markobravo · February 2020

Thanks!

Bryan · February 2020

Hey,

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

thanks

markobravo · February 2020

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 · February 2020

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 · February 2020

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

[Links visible only for registered users]

Thanks

markobravo · February 2020

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 · February 2020

It's hard to say.

Do you remember which demo you were using?

Thanksz

markobravo · February 2020

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

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

Pablo · February 2020

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

markobravo · February 2020

Sounds good! Thanks Pablo.

markobravo · February 2020

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:

[Links visible only for registered users]

This is how it looks on mobile now: [Links visible only for registered users]

Pablo · February 2020

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

Background Image Disappear in Mobile View

Comments

This website uses cookies