Genesis Slider, mobile excerpts goes outside the slider

Community Forums Forums Design Tips and Tricks Genesis Slider, mobile excerpts goes outside the slider

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Dag-Erling 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #69923

    Dag-Erling
    Participant
    Post count: 49

    Hello

    I am pretty new to WordPress and Studiopress.

    I am currently working on this page for a client http://www.dagerlingjensen.no/sandbox

    As you can see I am using the Genesis Slider, and I’ve removed the code display none part of this code in the CCS making the excerpts show on mobile devices.

      .agency .slide-excerpt,
            .breadcrumb {
                    display: none;
            }

    However it goes outside the genesis slider area and I can’t figure out how to contain it.

    I found one topic that was related with some good answers in it and their works like I would like mine too. However they didn’t mention my problem here. (http://www.studiopress.com/forums/topic/executive-theme-slider-content-disappears-on-mobile-devices/)

    I hope someone can help me with this since the Genesis slider loses a lot of it’s point when it doesn’t “behave” properly on some screens.

    Have a nice day :)

    - Dag-Erling

    http://www.dagerlingjensen.no/sandbox
    #69934

    webwerx
    Member
    Post count: 3

    Try the Genesis Responsive Slider. It’s on the Codec.

    • This reply was modified 1 year ago by  webwerx.
    • This reply was modified 1 year ago by  webwerx.
    #70075

    Dag-Erling
    Participant
    Post count: 49

    Hey

    I am using the Genesis Responsive Slider.

    #71025

    Dag-Erling
    Participant
    Post count: 49

    I ended up solving this by hiding only the paragraf text. And then I did some adjustments too the h2 to make them fit better into the screen

    	.agency .slide-excerpt p,
    	.breadcrumb {
    		display: none;
    	}
    	.agency .slide-excerpt h2 a,
    	.breadcrumb {
    		font-size: 22px;
    }
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.