title: Separate Background Image For Mobile Devices
body: <p>My website is <a href="http://%20www.rosstheexplorer.com" rel="nofollow noreferrer">http://www.rosstheexplorer.com/</a></p>
  
  <p>On mobiles the background image is too small for my liking. </p>
  
  <p>I am using the plugin 'Add background-size to Customizer' to reduce the height of the background image. On desktops I did not want the background taking up the whole page.</p>
  
  <p>Can I change the dimensions of the background image for mobiles or have an entirely separate image? Is there a plugin that can achieve this or is there some CSS code I could use? </p>