Genesis Responsive Slider + Excerpt Display Help

Community Forums Forums Design Tips and Tricks Genesis Responsive Slider + Excerpt Display Help

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  SoZo 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5281

    scdeveloper
    Participant

    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.

    • This topic was modified 1 year, 9 months ago by  scdeveloper.
    • This topic was modified 1 year, 9 months ago by  scdeveloper.
    #15082

    SoZo
    Moderator
    Post count: 1573

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.