Executive Theme: Slider content disappears on mobile devices

[detroitwidget]

I'm using the Genesis Responsive Slider plugin with the Executive Theme. I'm experiencing the following unexpected behavior on mobile devices:

iPad 3 - Landscape: Slider text content does display
iPad 3 - Portrait: Slider text content does NOT display

iPhone 3GS - Landscape: Slider text content does NOT display
iPhone 3GS - Portrait: Slider text content does NOT display

In my Slider Settings, the "Hide Title & Content on Mobile Devices" checkbox is NOT selected.

The StudioPress Executive Theme demo exhibits the same behavior, but I don't know its plugin settings.

Is this normal behavior, or something that can be corrected?

Development URL: http://www.empirewidget.com

Thanks.

[David Chu]

Hi!
That Executive theme looks just great! There's a chunk of code in your CSS that is doing the dirty deed. 🙂 Long about laptop responsive size, this baby kicks in:

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

So I think that is taking precedence over anything you set on the slider admin. If you just comment out that line, I think you'll be all set. Then again, maybe the Executive coder did that for a particular reason to look good with the slider photo or something. Try it and you'll find out.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[detroitwidget]

Thanks Dave. That's what I was looking for.

[David Chu]

Super!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[richardault]

Hi all, I'm having this same issue and am seeing it in other known installations of Executive Theme. Specifically what's happening (just like original poster):

iPad 3 – Landscape: Slider text content does display
iPad 3 – Portrait: Slider text content does NOT display

iPhone 5 – Landscape: Slider text content does NOT display
iPhone 5 – Portrait: Slider text content does NOT display

Also you can observe this with a web browser on mac, e.g. Safari if you narrow the width of the window down to less than 1024px.

I've tried removing the CSS and various combinations of settings in the slider to no avail.

Project: boosterland.com

Any help is very appreciated, thanks in advance!

[David Chu]

It's exactly the same fix, so you'll need to get your hands dirty and find it in the code.

Good luck, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[richardault]

Thanks David... Apologies, I needed to clear cache to see the change take effect. It worked! Thanks again!

[David Chu]

That's it! I forget that, too, and I've been doing this for awhile. 😉

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Dag-Erling]

Hello, and I'm sorry for this thread hi-jack but by own thread died down.

(http://www.studiopress.community/topic/genesis-slider-mobile-excerpts-goes-outside-the-slider/)

I have some similar issue with the excerpts. On portraits formats I can get the "white square" to be contained within the slider. But the text will go outside. Is there a way to contain it within the slider area?

You can see what happens here: http://www.dagerlingjensen.no/sandbox

Have a nice day

- Dag

[michelefree]

Hi all. My client WANTS the slider gone on iPhone portrait. I was hoping this code, taken from above, would suppress the slider on iPhone portrait.

Would appreciate advice! I'm not that familiar with the @media sections.

This is the code I'm using:

/* added .menu line below to eliminate slider on iPhone */

@media only screen and (max-width: 270px) {

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

.header-image .site-title a {
background-size: contain !important;
}

.site-title {
font-size: 26px;
}

}

[Author]

Posts