Jump to content

Archived

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

michaeldallas

How to disable Parallax effect on PageHeader

Recommended Posts

michaeldallas    1
michaeldallas

When I add a PageHeader Section to my Page, it seems to have a native Parallax effect (i.e. webkit transition). I have tested it on several browsers and devices. It doesn't work very well on most. I have even had friends log on and tell me what they see. The effect basically "chops off" the heading text at random heights. It seems to work particularly badly on IOS devices (e.g. iPads). Other PageLines Sections have the ability to enable and disable webkit effects.

 

How would I disable this effect?

 

Here is the site: http://sitedevelopmen.wpengine.com/retirement-solutions-introduction/

 

Again, the effect works fine on some devices, but lousy on many others. I want to turn this off please.

Share this post


Link to post
Share on other sites
michaeldallas    1
michaeldallas

I've given up on using the PageHeader and have take the example down. PageHeader is another example of a Section that isn't "insanely great."  Just sayin'... :)

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

More interesting would be to find out how you got it to parallax? Page Header seems to default as "No Scroll Effect"


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      Hi,
      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
      Nate
      PS: my site: http://natemaingard.com
    • janessa_cotugno
      By janessa_cotugno+
      Hey,
      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
      Thanks!
    • 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
    • SamRussell
      By SamRussell+
      My website is www.samrussell.co.uk
       
      As you can see on the front page, I have a button on the header that takes the user to the sales page (still under construction) for my latest record. The page that the button should take the user to is:
      www.samrussell.co.uk/bach
      The problem, is that when the user is on a blog post, for example:
      http://www.samrussell.co.uk/why-the-caged-system-sucks/
      and clicks the header button, the button takes them to:
      http://www.samrussell.co.uk/why-the-caged-system-sucks/www.samrussell.co.uk/bach
      which obviously gives a 404 error. 
       
      Why is it appending the destination url to the current page URL, rather than just taking the user to the destination URL?
       
       
      Thanks!
       
       
×