Keeping new widget area responsive – Streamline Pro

Community Forums Forums General Discussion Keeping new widget area responsive – Streamline Pro

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  neilc 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #118531



    I’m developing the site 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.





    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.
    Updates via | Twitter | Google+ | Tumblr



    Thanks Tom

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Keeping new widget area responsive – Streamline Pro’ is closed to new replies.