videos out of alignment on a mobile phone

• 

  vanguardhq · Member · Mar 3, 2015 at 12:22 pm

  • Copy link
  • Add topic to favorites

  Hi

  We have used some custom HTML and CSS on some of our pages so that some of the videos in our posts are slightly smaller and next to each other (2 or 3 across the width of the page), e.g.: on this page towards the bottom of the post: http://vanguard-method.net/2014/10/13/telecoms/

  We picked a responsive theme for our site – Portfolio theme.

  On a mobile phone, the videos that are full width look fine, but the smaller ones are out of line and sometimes overlap each other.

  Please could you help us get everything re-aligned for a mobile phone. It doesn’t matter to us if all the videos on a mobile are viewed full width, as long as the text underneath them is the correct title for the video.

  Many thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 5, 2015 at 1:12 am

  • Copy link

  Hi there, the first thing I would suggest is to include the paragraph you have under each of the smaller videos within the div that you put around each video. This might actually clear of most of the issue. Give that a try and let us know.