Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add Full Screen responsive slider to Parallax Pro
Tagged: css, full screen, fullscreen, parallax-pro, responsive, slider
- This topic has 12 replies, 10 voices, and was last updated 7 years, 9 months ago by
archers.
-
AuthorPosts
-
February 9, 2014 at 10:13 am #89492
kimmiemcc
MemberI'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.
February 9, 2014 at 10:14 am #89494kimmiemcc
MemberP.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.
February 10, 2014 at 10:13 pm #89731abbypanda
MemberI'd like to know this as well.
February 12, 2014 at 7:19 pm #90060marketingfrosting
ParticipantI would like to know too!
February 20, 2014 at 10:36 am #91417willemvonr
MemberMe [email protected]! for me it does not need to fill the whole page but the slider just needs to fill home section 1. Anyone???
March 7, 2014 at 5:56 am #93822rikverhoeven
MemberAAh 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
March 14, 2014 at 9:13 pm #94952designbytracy
ParticipantMarch 15, 2014 at 11:58 am #95053Tom
ParticipantHave 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 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]March 18, 2014 at 2:00 pm #95540designbytracy
ParticipantAugust 19, 2014 at 1:28 pm #119838lbdesign
ParticipantHas anyone used the ideas in these tutorials to implement a different slider, like layerslider from codecanyon? Did it work just the same?
August 19, 2014 at 10:05 pm #119930archers
MemberI would also like to know... is it possible to implement any of the following sliders from CodeCanyon in to Genesis Framework or any StudioPress theme ?
Slider Revolution Responsive WordPress Plugin
RoyalSlider - Touch Content Slider for WordPress
LayerSlider Responsive WordPress Slider PluginAugust 19, 2014 at 10:13 pm #119932Genesis Developer
MemberAugust 19, 2014 at 10:49 pm #119937archers
MemberOk great thanks for a quick response 🙂
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.