• 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

Genesis responsive slider slide excerpts extending beyond container

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 › Design Tips and Tricks › Genesis responsive slider slide excerpts extending beyond container

This topic is: not resolved

Tagged: genesis responsive slider mobile responsive excerpt

  • This topic has 1 reply, 2 voices, and was last updated 12 years, 7 months ago by Dag-Erling.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 30, 2013 at 8:53 am #64781
    lisa.burgess
    Member

    Hello,

    I am using the outreach theme with the genesis responsive slider. When I view the slider on smaller tablet viewports in portrait view, the slide excerpts extend beyond the actual slider and do not seem to shrink along with the slider.

    It seems to be .slide-excerpt or .slide-excerpt-border and I see that .slide-excerpt is set to width: 52% which seems to be making the text go beyond the actual slider. Because if I change this to a higher number, it will then be contained in the slider, BUT the text will cover my images and does not look as its intended.

    Does anyone know if there is a css rule I could add so that the excerpt area would stay contained in the slider and adjust accordingly?

    Thanks,
    Lisa

    http://huesonwire.com
    November 5, 2013 at 4:47 am #71026
    Dag-Erling
    Member

    Hey

    I have been seeking out the answers for the same questions. But neither the developers of the plug-in or the studiopress people wasn't very helpful.

    Now, I what I ended up doing was to remove the paragraph text from the mobile one and only display the title.

    .agency .slide-excerpt p,
    	.breadcrumb {
    		display: none;
    	}
    	.agency .slide-excerpt h2 a,
    	.breadcrumb {
    		font-size: 22px;
    }

    You can see an example on how this turned up here

    http://www.dagerlingjensen.no/sandbox

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 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