Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 22, 2019 at 6:32 pm #1070449
    BreunesseICT

    Hello,

    I’m using the gallery media element, but it isn’t very responsive.
    I’m using 2 collumns, on the left is one image, on the right are two. Due to the border seperating those two images, the height of the 2 columns is never really the same.
    I’ve been customiszing it, but still isn’t even all the time.

    Can you help me?

    February 23, 2019 at 7:00 am #1070592
    Nikko

    Hey BreunesseICT,

    Yes, can you give us admin access? so we can try test it with some css codes to adjust it.
    Just post the login credentials in private content.

    Best regards,
    Nikko

    February 25, 2019 at 10:09 am #1071177
    BreunesseICT

    Thank you,

    I’ve put the credentials in the private content area.

    Kind regards,
    Anika

    February 26, 2019 at 4:39 am #1071615
    Nikko

    Hi Anika,

    I have modified the 1st image (height only) and added this css code:

    #top #wrap_all .mygallery .avia-gallery-thumb > a:nth-child(3) img {
    max-height: 155.8px;
}

@media only screen and (max-width:1024px) {
  #top #wrap_all .mygallery .avia-gallery-thumb > a:first-child img {
    min-height: 199px;
  }
}

@media only screen and (max-width:959px) {
  #top #wrap_all .mygallery .avia-gallery-thumb > a:first-child img {
    min-height: 144px;
  }
}

@media only screen and (max-width:767px) {
  #top #wrap_all .mygallery .avia-gallery-thumb > a:first-child img {
    min-height: 0;
    max-height: 322px;
  }
}

@media only screen and (max-width:479) {
  #top #wrap_all .mygallery .avia-gallery-thumb > a:nth-child(3) img {
    max-height: 138.8px;
  }
}

    Best regards,
    Nikko

    February 26, 2019 at 10:31 am #1071696
    BreunesseICT

    Hi Nikko,

    Our client still isn’t statisfied with the result.
    It’s perfect at 1920px, 680px and 440px, but in between those widths one is still shorter or longer than the other.

    Kind Regards,
    Anika

    February 28, 2019 at 8:00 am #1072528
    Nikko

    Hi Anika,

    Seems a bit complicated and difficult to do with it’s current setup.
    Maybe trying to make it use px values for the dimensions as well as border width and padding.

    Best regards,
    Nikko

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