Changing Background Image in Mobile View

  • Hello,
    I’m trying to change the background image using a media query so that a different image is shown when being viewed on mobile. The current image looks pretty crappy on mobile because it is a landscape image. I’m posting the CSS via the Additional CSS tab in Customizer. However, I cannot figure out the appropriate selector to make this happen.

    According to Inspect in Chrome and the “Copy Selector” option, the selector should be “#page > div.header-wrapper > div.” I have also tried “.header” and “.header-homepage” to no avail.

    The CSS I am attempting to use is:
    background-image: url(”), with the corresponding path in between the ”. But NOTHING is working.

    Any help would be greatly appreciated!!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Background Image in Mobile View’ is closed to new replies.