Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 20, 2018 at 3:16 pm #1035607
    cab72

    Hi there,

    I’m using Enfold and I have set a background image for the pages -it looks good on desktop but I want to disable it for smaller screens.

    Tried a few different things in CSS – incl:
    —–
    @media only screen and (max-width: 479px) {
    bg_container {
    background-image:none;
    }
    }
    ——-

    But I’ve had no luck.
    Would you advise? I’ve linked the website in the ‘Private Content’ box.

    Many Thanks
    Carole

    November 21, 2018 at 2:21 pm #1036059
    cab72

    Hi there,

    `just realised that this example site is quite old and I didn’t include an up to date purchase code.

    I’ve included it in the private data.

    Thanks.
    Carole

    November 22, 2018 at 4:35 pm #1036596
    Nikko

    Hi cab72,

    Try using this code:

    @media only screen and (max-width: 479px) {
  .bg_container {
    background-image: none !important;
  }
}

    if that doesn’t work please provide a screenshot? so we can see how this issue shows on your end.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.