Genesis responsive slider slide excerpts extending beyond container

Community Forums Forums Design Tips and Tricks Genesis responsive slider slide excerpts extending beyond container

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Dag-Erling 10 months, 2 weeks ago.

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

    lisa.burgess
    Participant
    Post count: 14

    Hello,

    I am using the outreach theme with the genesis responsive slider. When I view the slider on smaller tablet viewports in portrait view, the slide excerpts extend beyond the actual slider and do not seem to shrink along with the slider.

    It seems to be .slide-excerpt or .slide-excerpt-border and I see that .slide-excerpt is set to width: 52% which seems to be making the text go beyond the actual slider. Because if I change this to a higher number, it will then be contained in the slider, BUT the text will cover my images and does not look as its intended.

    Does anyone know if there is a css rule I could add so that the excerpt area would stay contained in the slider and adjust accordingly?

    Thanks,
    Lisa

    http://huesonwire.com
    #71026

    Dag-Erling
    Participant
    Post count: 49

    Hey

    I have been seeking out the answers for the same questions. But neither the developers of the plug-in or the studiopress people wasn’t very helpful.

    Now, I what I ended up doing was to remove the paragraph text from the mobile one and only display the title.

    .agency .slide-excerpt p,
    	.breadcrumb {
    		display: none;
    	}
    	.agency .slide-excerpt h2 a,
    	.breadcrumb {
    		font-size: 22px;
    }

    You can see an example on how this turned up here

    http://www.dagerlingjensen.no/sandbox

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

You must be logged in to reply to this topic.