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

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.