Support for Responsive Design

Created on 1 May 2013, over 11 years ago
Updated 19 May 2023, over 1 year ago

This is more for documentation right now, but it could potentially become an option. I was able to get this working well in a Omega responsive design subtheme by adding the following CSS to my theme. Others may find this useful.

#youtubechannel-player,
#youtubechannel-list
{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0 !important;
        width: auto !important;
        overflow: hidden;
}

#youtubechannel-player iframe
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
✨ Feature request
Status

Active

Version

3.3

Component

Miscellaneous

Created by

πŸ‡¨πŸ‡¦Canada adraskoy

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡ΊπŸ‡ΈUnited States BEGRAFX Laconia, New Hampshire

    OK, I've added this code to my CSS, but once this is done, do I need to modify the settings in /admin/config/services/youtubechannel to get it to work? It isn't appearing to be responsive, just adding the CSS. Am I missing something?

  • πŸ‡ΊπŸ‡ΈUnited States BEGRAFX Laconia, New Hampshire

    OK, it worked. Took a cache clearing and a couple browser refreshes.

Production build 0.71.5 2024