make background image disappear on mobile?

  • Resolved Goldfishflake

    (@shwebb15)


    8 years, 9 months ago

    I need the background image for my site to disappear on mobile. Screen size makes it hard to see some of the text with this image.
    Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Subrata Sarkar

    (@subrataemfluence)

    8 years, 9 months ago

    You should use Media Queries for this.

    @media screen (min-width: 320px) and (max-width: 768px) {
    //Hide background image.
    }

    However, it looks like you have already made it! I don’t see background image appearing between 320 and 768 screen widths.

    Thread Starter Goldfishflake

    (@shwebb15)

    8 years, 9 months ago

    I found a solution yesterday afternoon. Thanks for answering! I was going to come back here and post the solution. Exactly what you posted above.

    Exact css I used for this theme:

    /*remove background image on media*/
    @media screen and (max-width: 768px){
    body.custom-background {
    background-image: none !important;
    } }

    Subrata Sarkar

    (@subrataemfluence)

    8 years, 9 months ago

    Cool! Good work 🙂
    In case you issue is resolved, please close the ticket.
    Thank you!

    Thread Starter Goldfishflake

    (@shwebb15)

    8 years, 9 months ago

    Hope this helps someone else as much as it helped me.

    Thread Starter Goldfishflake

    (@shwebb15)

    8 years, 9 months ago

    Closed

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘make background image disappear on mobile?’ is closed to new replies.