Support » Plugin: Related YouTube Videos » Can you make it responsive for mobile devices?

Viewing 1 replies (of 1 total)
  • Plugin Author Chris

    (@zenation)

    Generally speaking, this is done using CSS (media queries). Eg something like this:

    @media screen and (max-width: 800px) {
    
      ul.relatedYouTubeVideos {
        display:      block;
        margin:       1em auto;
      }
    
      ul.relatedYouTubeVideos li,
      ul.relatedYouTubeVideos img,
      ul.relatedYouTubeVideos object {
        display:      block;
        width:        100%;
        height:       auto;
      }
    
      ul.relatedYouTubeVideos li {
        padding:      1em 0;
        text-align:   center;
      }
    
    }

    The exact CSS will depend on the theme you’re using, especially if the content container is already responsive, etc. You also might have to add a !important here and there before the semicolons to make sure the rule won’t be overwritten.

Viewing 1 replies (of 1 total)
  • The topic ‘Can you make it responsive for mobile devices?’ is closed to new replies.