• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Keeping new widget area responsive – Streamline Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: resolved

Tagged: responsive, streamline, video

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 10 months ago by neilc.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 13, 2014 at 5:53 am #118531
    neilc
    Member

    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
    August 14, 2014 at 8:33 pm #118887
    Tom
    Participant

    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 ]

    August 15, 2014 at 3:33 am #118937
    neilc
    Member

    Thanks Tom

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Keeping new widget area responsive – Streamline Pro’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble