• 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

Help – custom code that fixes the alignment issue for responsive 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 › Help – custom code that fixes the alignment issue for responsive slider

This topic is: not resolved

Tagged: alignment issue, css code, mobile devices, responsive slider

  • This topic has 4 replies, 3 voices, and was last updated 9 years, 10 months ago by sam33joy.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 24, 2013 at 9:24 am #37417
    jcaustin
    Member

    I'm trying to fix the genesis responsive slider on my executive theme. When it's viewed on a smartphone the slider title and content text doesn't appear. I sent a help to support and received this message:

    You can change the way this works, but it will require an edit to the style.css file.

    Find this in your style sheet near the bottom
    .menu li.right,
    #content #genesis-responsive-slider .slide-excerpt {
    display: none;
    }

    Edit it like this

    .menu li.right {
    display: none;
    }

    This will make it show up but as I said previously, there will be an alignment issue. You will need to make some custom code that fixes the alignment issue. I don't have any code for that, so if you need help with that customization please start a thread in our community forums.

    Can anyone help me with the custom code I need to fix this???

    Thanks

    http://www.aciwny.com
    April 27, 2013 at 1:30 pm #38109
    Anita
    Keymaster

    Go to the slider settings under Genesis > Slider Settings. Scroll down and there is a box labeled "Hide Title & Content on Mobile Devices" - that box is probably checked. Uncheck it and save.


    Love coffee, chocolate and my Bella!

    April 29, 2013 at 8:37 am #38403
    jcaustin
    Member

    Did that first and when that didn't work I sent the message to support and received the answer that i posted. They told me that I will need the to change the style.css file and that I will need special code written to the alignment issue. They said someone on the forum might be able to help me with the code.

    Thanks

    May 17, 2013 at 8:09 am #41362
    sam33joy
    Member

    Hello How can I fix the slider in executive theme, I use my own picture but dont fit? its some code?

    May 17, 2013 at 8:10 am #41363
    sam33joy
    Member

    http://www.aprendiendo.iglesiaapostolicacc.com

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

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