Content sections overlapping on tablet (kindle and iPad)
I have setup my homepage to use 2 columns to separate out different content based on the homepage shown in the demo for the theme. However, I am using a YouTube video in the first column and some text in the second column which works fine on a PC screen and a phone but on a table rather than showing the items one after the other they are still being shown side-by-side and (I think) because of the fixed width of the YouTube video preview they overlap.
Is this something that I can override and force it to display in the same way as I see it on a phone screen?
Thanks in advance for any help you can offer :)
PS - this is the page http://www.morefromcoaching.com/
What method are you using to display the video itself?
Have you tried the shortcode?
[youtube id="qva7V8G3wKY" responsive="true" showinfo="false" branding="false" hd="true" autoplay="false" controls="false" theme="light"]
Thanks Casey I will give that a try (I was actually using the <iframe> code provided by YouTube for embedding…