• 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 Slider, mobile excerpts goes outside the slider

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 Slider, mobile excerpts goes outside the slider

This topic is: not resolved

Tagged: slider genesis excerpt

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 2 months ago by Dag-Erling.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 30, 2013 at 11:13 am #69923
    Dag-Erling
    Member

    Hello

    I am pretty new to WordPress and Studiopress.

    I am currently working on this page for a client http://www.dagerlingjensen.no/sandbox

    As you can see I am using the Genesis Slider, and I've removed the code display none part of this code in the CCS making the excerpts show on mobile devices.

      .agency .slide-excerpt,
            .breadcrumb {
                    display: none;
            }

    However it goes outside the genesis slider area and I can't figure out how to contain it.

    I found one topic that was related with some good answers in it and their works like I would like mine too. However they didn't mention my problem here. (http://www.studiopress.community/topic/executive-theme-slider-content-disappears-on-mobile-devices/)

    I hope someone can help me with this since the Genesis slider loses a lot of it's point when it doesn't "behave" properly on some screens.

    Have a nice day 🙂

    - Dag-Erling

    http://www.dagerlingjensen.no/sandbox
    October 30, 2013 at 11:50 am #69934
    webwerx
    Member

    Try the Genesis Responsive Slider. It's on the Codec.

    October 31, 2013 at 3:44 am #70075
    Dag-Erling
    Member

    Hey

    I am using the Genesis Responsive Slider.

    November 5, 2013 at 4:44 am #71025
    Dag-Erling
    Member

    I ended up solving this by hiding only the paragraf text. And then I did some adjustments too the h2 to make them fit better into the screen

    	.agency .slide-excerpt p,
    	.breadcrumb {
    		display: none;
    	}
    	.agency .slide-excerpt h2 a,
    	.breadcrumb {
    		font-size: 22px;
    }
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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