Genesis Responsive Slider + Excerpt Display Help

[scdeveloper]

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.

[SoZo]

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