Support » Theme: Nisarg » make background image disappear on mobile?

  • Resolved Goldfishflake

    (@shwebb15)


    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)
  • 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.

    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;
    } }

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

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

    Closed

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.