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 2 months, 2 weeks ago.

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

    neilc
    Participant
    Post count: 33

    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
    #118887

    Tom
    Participant
    Post count: 970

    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 GenesisThemes.ca | Twitter | Google+ | Tumblr

    #118937

    neilc
    Participant
    Post count: 33

    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.