Create different background for Mobile Homepage

Hey there, finishing up this site - https://www.scotthowardmusic.com/ - and having issues using custom code to insert a new background image on the mobile version only. 

I can't seem to find any resources linking to the actual code needed and am lost on how to go about it. 

Let me know if it need to include anything else!

You can use @media query to target mobile

@media screen and (max-width:640px) {
enter css to insert background for mobile here
}

On 1/8/2020 at 4:03 PM, tuanphan said:

You can use @media query to target mobile

@media screen and (max-width:640px) {
enter css to insert background for mobile here
}

 

Thanks, but can you type out a little more? I'm getting lost on what to do after the @media screen

THANKS!!!

On 1/12/2020 at 5:04 AM, Daniel132 said:

Thanks, but can you type out a little more? I'm getting lost on what to do after the @media screen

 

THANKS!!!

@media screen and (max-width:640px) {
paste the code which you used to create background image on desktop, remember replacing with new image url
}

14 hours ago, tuanphan said:

@media screen and (max-width:640px) {
paste the code which you used to create background image on desktop, remember replacing with new image url
}

 

Figured it out, thanks!