How can I fix the background image and transparent menu issues in my Ride theme?

[spelt]

I changed my code to get a background image on my Ride theme. Everything is working but I got 2 issues. Firstly, the mobile display is working fine, but on an actual phone, the background does not look the way I want it to. The images show the problem. mobile modusactual phone

Secondly, my menu is transparant due to the fact that my whole page is transparent with the background image. I want my menu to be in color, and the rest transparent.  
menu problem

I guess both are coding issues. I hope someone can help me out asap!!

[LitCommerce · Accepted solution]

Hi @spelt,

Because the background image doesn't support fixed for IOS so if you want this to work well background image will repeat. 

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  body.gradient {
    background-attachment: initial !important;
    background-repeat: repeat !important;
  }
}