Add Full Screen responsive slider to Parallax Pro

Community Forums Forums Design Tips and Tricks Add Full Screen responsive slider to Parallax Pro

This topic is: not resolved

This topic contains 8 replies, has 7 voices, and was last updated by  designbytracy 4 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #89492

    kimmiemcc
    Member
    Post count: 1

    I’d like to use a series of images at the top of the homepage on Parallax Pro. Adding a slider is easy. The trick is that I want the div where the slider is to fill the screen of any device it’s on. So, I want to go beyond having the theme being responsive and have that top div respond to completely fill the screen on a desktop, in portrait or landscape view on an ipad, etc. Then I want the user to be able to scroll down from there to view the rest of the homepage. As it stands, the top div in Parallax Pro does not fill the screen in portrait view on an ipad.

    I can understand the CSS if I can get pointed in the right direction, thanks! :)

    Just as an example, this is what I am trying to achieve for the top div: southernseaventures.com But I want to add more content beneath the slider you see and swipe functionality.

    #89494

    kimmiemcc
    Member
    Post count: 1

    P.S. That’s not the site I am working on, just an example of the homepage experience I want (minus the additional content I am trying to add without losing the full screen slider). I haven’t yet purchased Parallax Pro because I need to know if I can achieve this first.

    #89731

    abbypanda
    Participant
    Post count: 75

    I’d like to know this as well.

    #90060

    marketingfrosting
    Participant
    Post count: 19

    I would like to know too!

    #91417

    willemvonr
    Member
    Post count: 3

    Me too@! for me it does not need to fill the whole page but the slider just needs to fill home section 1. Anyone???

    #93822

    rikverhoeven
    Member
    Post count: 1

    AAh yes! This is exactly my question as well. Is there some genius who knows how to figure this out?
    Would be much appreciated.

    Thanks! Rik

    #94952

    designbytracy
    Participant
    Post count: 51

    Anyone solve this?


    #95053

    Tom
    Participant
    Post count: 712

    Have you seen Sridhar’s tut doing this/similar with Modern Portfolio Pro?

    Full width Soliloquy slider with Header floating on the top in Genesis


    Choose your next site design from over 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #95540

    designbytracy
    Participant
    Post count: 51

    Look what Sridhar just posted!

    Full width Slider in Parallax Pro


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

You must be logged in to reply to this topic.