Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 9, 2017 at 9:42 pm #731293
    whdsolutions

    I want the background image to hide when at sub 1400 pixels.

    I have added

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

    But it makes the other pages go very thin in width and loses some CSS tweaks.

    January 9, 2017 at 9:43 pm #731295
    whdsolutions

    It may be better if it didn’t hide the background image but floated the right of the image to the centre of the page – is that possible?

    January 10, 2017 at 7:24 am #731414
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (min-width: 1400px) {
.page-id-15 #av_section_2 {
      background-image: none !important;
}
}

    Best regards,
    Rikard

    January 10, 2017 at 10:19 am #731480
    whdsolutions

    I have tried this but it deletes the image altogether.

    January 13, 2017 at 3:21 am #732923
    Nikko

    Hi,

    Can you try using an Image element instead of background image.

    Best regards,
    Nikko

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