• 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 + Excerpt Display Help

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 + Excerpt Display Help

This topic is: not resolved

Tagged: Excerpt, responsive, slider

  • This topic has 1 reply, 2 voices, and was last updated 12 years, 4 months ago by SoZo.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 14, 2012 at 3:30 pm #5281
    scdeveloper
    Member

    Ultimately what I would like is for the responsive slider, when shrunk to iphone browser size, to display both the excerpt and the image one on top of the other but also put the content inside of a separate box with a background color on it (only when in iphone size).

    This is what it looks like in a normal sized browser: http://i.imgur.com/5TQPZ.png

    This is what it looks like in an iphone sized browser: http://i.imgur.com/tjHfT.png
    After finding the following div:

     .menu li.right,
    #content #genesis-responsive-slider .slide-excerpt {
    display: none;
    }

    I removed the display:none; and replaced it with a display:block; which turned out looking like this: http://i.imgur.com/26EUz.png

    I feel like I am half way there, and just missing a step. I have tried applying a min-width: 300px !important to certain elements to try and force the boxes to move the excerpt down a level as per another developer's suggestion, but none of that worked.

    Any ideas?

    EDIT: Formatting.

    January 26, 2013 at 3:15 pm #15082
    SoZo
    Member

    Please include a link to your site with all questions so that people can see what is going on.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

  • 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

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