Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 15, 2025 at 9:31 am #1475133
    Jak73

    Hi,
    i added a background-video in a colour-section. Unfortunetly its not working in responsive.
    The video will not change width and height and gets cut of in smaller resolutions.
    How can i fix that?
    kind regards Jak

    January 15, 2025 at 4:41 pm #1475158
    Rikard

    Hey Jak73,

    Did you set a minimum height to the section in question? If so then you might want to consider a different option in the element options, or copy the section and show the new section for mobile only.

    Best regards,
    Rikard

    January 17, 2025 at 5:12 am #1475265
    Guenni007

    Yes, you are right – that even if you select the last option (responsive) for that color-section in “Section Minimum Height” and set it to, say, 56% (for a 16:9 video) – this setting will have no effect on small screens.
    The reason for this is that if it is forced, there is a high probability that the content of the colour section will grow beyond the then quite small height.

    ( 900 / 16 = 56.25)

    .responsive #top .avia-section[data-section-video-ratio="16:9"] {
  height: 56.25vw !important;
}

    see here what is the problem: https://webers-testseite.de/videobackground/

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