Keeping new widget area responsive – Streamline Pro

[neilc]

Hi

I'm developing the site http://www.yourtechdept.co.uk using the streamline pro responsive theme and I'm putting a video on the front page. I've created a widget area in the appropriate location and I can embed a placeholder youtube video in it using just the link or for more flexibility using the Advanced Reponsive Video Embedder plugin.

However I also wish to put a arrow to the right of it with some text telling people to click on the video. At the moment I've got random placeholder youtube link and a placeholder PNG arrow image. And whilst I can get these into the correct places on full screen, when I go to view them on a mobile, they are not formatted properly there. Just the video is OK but when I add the arrow it messes it up.

How can I keep things responsive? I don't mind if say the arrow does not show on a mobile or if the whole widget area is scaled to fit.

Thanks

N

http:// http://www.yourtechdept.co.uk

[Tom]

You could try the following ....

@media only screen and (max-width: 1023px) {

	.wbtext img {
		display:	none;
	}
	
	.wbtextalign {
		clear:	left;
		width:	100%;
		margin:	auto;
		padding-bottom: 30px;
		padding-top: 30px;	
	}
	
	.arve-normal-wrapper.alignleft {
		max-width: 100%;
	}

}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[neilc]

Thanks Tom

[Author]

Posts