How can I make YouTube videos elements added in my Upfront theme to be responsive?

I am using upfront and the youtube option is not responsive maybe I am doing something wrong. I’ve added the video in my page using the youtube element but is not resizing for small screen devices.

  • Predrag Dubajic

    Hi jose,

    We had couple of fixes for this already but it seems like this is indeed still happening on some themes :slight_frown:

    Can you try adding below code in your Global CSS field and that should do the trick for now:

    .uyoutube-main-video {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    
    .uyoutube-main-video .ufyt_main-video-placeholder {
        position: absolute;
        top:0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
    }

    I will also forward the issue to our developers so they can check it out.

    Best regards,
    Predrag