• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add Full Screen responsive slider to Parallax Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

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.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 9, 2014 at 10:13 am #89492
    kimmiemcc
    Member

    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.

    February 9, 2014 at 10:14 am #89494
    kimmiemcc
    Member

    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.

    February 10, 2014 at 10:13 pm #89731
    abbypanda
    Member

    I'd like to know this as well.

    February 12, 2014 at 7:19 pm #90060
    marketingfrosting
    Participant

    I would like to know too!

    February 20, 2014 at 10:36 am #91417
    willemvonr
    Member

    Me [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 #93822
    rikverhoeven
    Member

    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

    March 14, 2014 at 9:13 pm #94952
    designbytracy
    Participant

    Anyone solve this?


    Tracy

    Design by Tracy | Twitter | Facebook | LinkedIn

    March 15, 2014 at 11:58 am #95053
    Tom
    Participant

    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 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    March 18, 2014 at 2:00 pm #95540
    designbytracy
    Participant

    Look what Sridhar just posted!

    Full width Slider in Parallax Pro


    Tracy

    Design by Tracy | Twitter | Facebook | LinkedIn

    August 19, 2014 at 1:28 pm #119838
    lbdesign
    Participant

    Has 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 #119930
    archers
    Member

    I 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 Plugin

    August 19, 2014 at 10:13 pm #119932
    Genesis Developer
    Member

    @archers & @lbdesign Yes. you can use CodeCanyon plugin like Layerslider, Rev slider, Royal Slider. First you will look the sridhar's tut and create a widget area 'Home Slider'. Then you will drag & drop the Text Widget and add the slider shortcode there which is providing by slider's plugin.


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    August 19, 2014 at 10:49 pm #119937
    archers
    Member

    Ok great thanks for a quick response 🙂

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble