Jump to content


This topic is now archived and is closed to further replies.

Ryan Logan

Parallax Basics

Recommended Posts

Ryan Logan



There is little to no information in the forums and even less information in the DMS docs, regarding this topic/feature.  If I'm just missing the information, I apologize in advance.


As I told Andrew Powers, in a recent survey he (PageLines) sent me, we're not looking for PL to design/develop our sites for us...but more documentation would be nice.  According to AP...more documentation is coming.  Yay!  Moving on from my short rant.


On the DMS 2.0 demo site, there is a section labeled "Video and Image Parallax Backgrounds".  That's great, but how we do that same thing...ourselves?


Here is the page I'm currently working on and the steps I've taken so far.


  1. Added a Canvas Area
  2. Edited the Canvas Area, choosing "Parallaxed Scrolling Effects" for Area Styling > Scrolling effects and  sizing
  3. Edited the Canvas Area, added a custom background image via Background Options > Background Image   **The background image is 1920 × 1200.  **From what I did find in the forums, it says to make sure the background image is way bigger than the section.
  4. Added a Masthead to the Canvas Area, for testing purposes

Again, I apologize in advance.  Just really lost here.


Thank you.





Share this post

Link to post
Share on other sites

Hi rlogan

Ryan, please you can edit the Canvas Area and set the "Area Minimum Height (px)" in 1000px (for example) and you see whats happens.

You can see a example in this 


Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites
Ryan Logan

Thank you batman.  That def helped!

Share this post

Link to post
Share on other sites

Thanks for informing us the issue has been resolved.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio+
      I am having an issue with the Lax sections on Platform 5. I can embed a widget or text box into a Lax section which is really neat, but the image in the background (the parallax image) seems to get stretched and doesn't scale in an attractive way.  For example, the page http://ed6.61e.myftpupload.com/#clients has a parallax section with a woman's face  and I thought is would scale as the browser window gets smaller but the zoom-level never changes. Also, the amount of parallax shift seems more dramatic than what we want. I thought that if I uploaded a shorter image it would scan/scroll less since the height from the image's top to bottom would be less. However, that doesn't seem to have any effect and I am at a loss of how to properly control the way the image is displayed within that box. Any thoughts, tips, or suggestions to get me pointed in the right direction?
      Thanks so much for the help!
    • globalnative
      By globalnative+
      Hi there! 
      I'm wondering if I can and how I can easily make a one page scrolling parallax site with menus which scroll rather than take me to a new page?
      Something like this: http://demo.vellumwp.com/home-pages/one-page-resort/.
      Thank you kindly
      PS: my site: http://natemaingard.com
    • janessa_cotugno
      By janessa_cotugno+
      I've made a simple landing page for a friend, and while the parallax feature looks great on desktop, it resizes (zooms way in) the image on the mobile version and it looks really bad. When it first pulls up, the image looks like the correct size, but once I try to scroll on my phone, it zooms in the image and seems to have a slight parallax effect. 
      There are two separate sections that have a background image on the canvas with the "Alternative Parallaxed Background Image" effect. I was thinking that I could just disable the parallax on the mobile version only, but I haven't had success in figuring it out.
      Ideally, on the mobile site, I would like the background images to fit the full height of the screen instead of zoomed in so much. 
      Any suggestions? 
      Here is the site for reference: www.sweetnectarkirtan.com
    • floydwebb
      By floydwebb
      The parallax and hero sections are jumping to the top of the template in PL5 See  here http://screencast.com/t/TLajih8MEM6
      No matter what I do, clear browser cache, whatever. The Parallax with the embeddded Hero section will ot stay on the bottom of the page above the footer.
      Help, please. This started happening at the worst possible time, when I was in a client meeting walking here through the site that is already LATE. 
      Floyd Webb
    • Bill Deignan
      By Bill Deignan+
      does the LAX extension provide a parallax option?