Background images not appearing on mobile

Everything works just fine on any browser when I open the page on my
PC/laptop — the page is responsive, all the background images appear on
any screen size… But, when I open the page on my mobile phone, the
background images for the first two section (and sometimes on the third) do not appear. I don’t know
how to fix this issue. I’ve tried removing the following code for mobile

background-attachment: fixed;

… But that didn’t change anything at all. I also tried resizing the images using an image-resize software and then I also tried resizing the images directly in css using this code:

background-size: 1040px 680px

Nothing really helps… I am stuck.
Can anyone help me with this?

It’s working fine on my iPhone in Safari, Chrome, and Firefox. Which browser are you using?

1 Like

I’m using the default browser that is on Samsung Galaxy S phones. But never mind, I kinda fixed the issue, just removed linear-gradient on mobile view and it work fine now. Although, I don’t really like the look of the info section on mobile view now… Check again:

I would suggest a different font for your body text. The fancy display font can be great in small doses, but it’s really hard to read a full paragraph. A different font color or a semi-transparent background behind the text would also make it easier to read. Other than that, I think it still looks fine.