Responsive Slider: Show Title and Excerpt on Mobile?

[tickzoom]

I love the responsive Execution theme. Wow. It's way cool to be automatically responsive.

2 questions/problems:

Question 1:  When the responsive slider at http://site.tickzoom.com (temporary site for design only) is resized for mobile or even just resized smaller on the deskstop, the title and excerpt disappear.  Note: I already found in the Slider Setting and unset the property to hide the title and text on mobile devices.  I saved the setting flushed buffers and so on but the text still disappears.

Is this a broken feature to allow showing the title and except on Mobile?

Question 2:  When viewed on my  HTC android phone, the size of the entire page is about 10% larger than the screen w/o any horizontal scrollbar. This is the case with or without the slider. So the right part of the page is missing some words in sentences. It seems as though the site isn't getting the correct screen dimensions. How to fix or even debug that?

 

[tickzoom]

It seems I sorted this out myself. According the Chrome developer tools these lines in the style.css file were making it display as none.   These setting must be overriding the plugin. Anyway, I simply commented those lines out and now the Title and except appears regardless the screen size...it's responsive now.

<code>

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

</code>

Does anybody have any clue why this was here and why's it referring to .menu class?  Is commenting this out breaking anything? Not as far as I can tell so far.

 

[tickzoom]

Another 2 problems I solved was that the responsive slider plugin setting of percent space to use for the excerpt wasn't working. Again, this turned out to be CSS setting of the width fixed at 29% in the Execution theme style sheet. I commented that out and now the plugin uses the % width that I specify.

The last annoying issue that I fixed was that the excerpt was overlaying onto the image which would force mucking with the images in PhotoShop and then that wouldn't be very responsive at different sizes.

So it was a very small extra line to add into the plugin so that it makes the slider image size to be  100% minus the excerpt width and Voila!!   the slider now works very nicely and responsively at any size of the page with the image on one side and the text excerpt on the other.

[wolfcoach]

I am having the same issue, and found the first piece of CSS code that you mentioned, eliminated it and sure enough the slider text displays on mobile devices now.

However, I don't know how you tweaked the second part. Can you share?

[Author]

Posts