Removing background image only for mobile

  • How do I remove the background image only when the site is being viewed on mobile devices?
    The background image looks great on a computer screen but terrible on mobile. For my purposes, the best solution is to just remove the background image when the site is viewed on a mobile device.
    I’m new to customizing themes. Can someone tell me how to do this (i.e., what files in the theme to customize, and what needs to change)?
    Thanks in advance.

Viewing 1 replies (of 1 total)

  • You can edit the theme stylesheet style.css and add a media query so that when the device reaches a certain width it will add as you wish.

    example:

    @media only screen and (max-width: 760px) {
/* Your css here */
}
Viewing 1 replies (of 1 total)
  • The topic ‘Removing background image only for mobile’ is closed to new replies.