Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 20, 2017 at 7:40 pm #890911
    mirr

    Hi,
    Srry if this has been asked, I couldnt find a solution on the forums.
    I have a content-section with the background video that is 700 heigh and I made a video that is the exact same height.

    With my very wide screen everything is great but as soon as I scale the width of the site or look at a small screen I get the black bars top and bottom. Can I make this responsive?

    Thanks very much!

    December 27, 2017 at 1:05 pm #892157
    mirr

    Anyone who can help me out? :)

    December 27, 2017 at 6:42 pm #892185
    Victoria

    Hi mirr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
  #video .container {
    height: 100% !important;
    min-height: 75vh !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 3, 2018 at 1:23 pm #892809
    mirr

    Thank you for your answer.
    The code doesn’t do anything, black bars stay the same both in quick css and custom css

    January 5, 2018 at 10:13 am #893640
    Ismael

    Hi,

    Please make sure that video’s aspect ratio is 16:9. The theme will automatically resize it.

    Best regards,
    Ismael

    January 8, 2018 at 2:39 pm #894715
    mirr

    Hi Imael, I made the video’s exactyly the same as the height of the sections (700 px)

    January 9, 2018 at 12:30 am #895015
    Basilis

    Hi,

    And it is working properly now?

    Best regards,
    Basilis

    January 9, 2018 at 1:08 pm #895217
    mirr

    Hey Basilis,

    Unfortunately this doesn’t solve the problem. Really hope you can help me out because it doesn’t look nice like this..

    Thanks in advance!

    January 10, 2018 at 10:54 am #895591
    Ismael

    Hi,

    You don’t need the height to be the exact same size of the container or section. The video needs to have an aspect ratio of 16:9 or it has to be wide. This is a basic requirement even on youtube or vimeo if you don’t want your videos to render black bars.

    Best regards,
    Ismael

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