Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2017 at 5:29 pm #867226
    metamorfic

    I’m inserting Instagram videos into a page, but depending of the width of my page, when they get smaller beside each other, the bottom of the video is missing. Is there a way to always keep the full size of my video in square? Thanks!

    October 23, 2017 at 5:19 pm #867723
    Victoria

    Hey Genevieve,

    I looked at the page, did not see the issue, that you’re describing. Could you please attach a few screenshot of the issue and let us know the screen sizes when it is happening.

    Best regards,
    Victoria

    October 25, 2017 at 6:04 pm #868862
    metamorfic

    Hi Victoria!

    I made a page (see private link) where you can see the different screenshots depending on the width of the page. When the page is very wide, we can see the texte below the video, then as we get smaller, we slowly loose the bottom of the video. It’s important for me that we always see the full video, as the positions of the wheel of the wheelchair are important, but I don’t want to see the white space with the description at the bottom. Is there a way to keep the frame alway the same? Maybe it’s because the top part doesn’t get smaller so it push the rest down? Can you help?

    Thanks!

    October 28, 2017 at 12:59 pm #869880
    Ismael

    Hi,

    Thank you for the info.

    Please try the following css codes.

    @media only screen and (max-width: 1600px) {
    .avia-video.avia-video-custom {
        padding-bottom: 150% !important;
    }
}

    Best regards,
    Ismael

    October 30, 2017 at 6:33 pm #870612
    metamorfic

    When I play with my browser window size (responsive), I still start to see the white part below the video with the # of Views/comments and description, which I don’t want to see at any time. I would like the frame of the video to follow the exact bottom of the video part whatever the size of the bowser window. Is that possible? Thanks!

    November 3, 2017 at 4:16 am #871927
    Ismael

    Hi,

    You have to add more css media queries and adjust the bottom padding value to cover every standard screen sizes.

    @media only screen and (max-width: 1366px) {
    .avia-video.avia-video-custom {
        padding-bottom: 120% !important;
    }
}

    Best regards,
    Ismael

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