• 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

Responsive Slider content on mobile

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 › Responsive Slider content on mobile

This topic is: not resolved

Tagged: News Pro, responsive slider

  • This topic has 4 replies, 3 voices, and was last updated 9 years, 10 months ago by jmack.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 23, 2013 at 10:08 am #22404
    cdcalvert
    Member

    Although the checkbox remains unselected in the Content Settings, Title & Content is not visible on Mobile Devices for the responsive slider on http://campbellmillerlaw.net/

    Any hints on what I might try to remedy this?

    Thanks for your help.

    Cheri

    February 23, 2013 at 12:13 pm #22421
    Tony @ AlphaBlossom
    Member

    Hello,

    You can change .menu li.right, #content #genesis-responsive-slider .slide-excerpt in your child-theme style.css from "display: none;" to "display: block;"

    But you'll see why most people "hide" this at smaller resolutions. You'd have to do more editing to make the text much smaller or hide part of it, but it usually is unreadable on smaller devices.

    A couple of recommendations are:

    - leave it as is, but use full width-images.
    - display the title only and hide the smaller text at smaller resolutions.
    - move the caption box below the slider, so it extend full width along with the full width images.

    These can all be accomplished using css.


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    September 14, 2015 at 10:18 pm #165528
    jmack
    Member

    Tony,

    I'm working on a site using newspro and the responsive slider and your solution worked really well but as you point out the title is too big. I was hoping you might share the css to move the caption box below the slider on a vertical mobile view. Or the best way to use css to define behavior in the vertical view. I tried adding font-size to this block but it didn't have any effect.

    .content #genesis-responsive-slider .flex-direction-nav li .next,
    .content #genesis-responsive-slider .flex-direction-nav li .prev,
    .content .slide-excerpt {
    display: block;
    }

    the display: block; - solved the initial problem.

    September 14, 2015 at 10:47 pm #165531
    Tony @ AlphaBlossom
    Member

    hi jmack,

    Any chance you can share a link? It's much easier to troubleshoot if I can see it on the site.


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    September 15, 2015 at 7:17 am #165565
    jmack
    Member

    Thanks! The site is at http://chinafilm.staging.wpengine.com/ Would be super to figure this out. As a backup I was contemplating trying to have a different widget appear in that size which would be a whole other adventure in coding for me.

    Josh

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ 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