Parallalax effect

Comments

• Pablo

  March 2019

  Hi,

  You're using the "Revolution Slider" to make that effect, right?

  Please follow this documentation:

  https://www.themepunch.com/revslider-doc/parallax-3d/

  https://www.themepunch.com/revslider-doc/scroll-effects/
  

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• randomseq

  March 2019

  No just using the inbuilt settings within muffin builder. Are you saying it needs to be set up first in rev slider?
• Pablo

  March 2019

  No, you don't have to - I just took a look at the header image, I didn't notice the image below.

  To make the "Parallax" effect, you have to set the background image in the section and apply the parallax effect in "background-position" dropdown menu.

  http://prntscr.com/n3l59m

  
  

  Also, to display the image you have to apply some space in this section.

  You can add a padding to the section or add the divider item with some height.

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• randomseq

  March 2019

  Thanks Pablo, will give that a try. The image itself is about 1300 in height can I make the section to a height of 900 and should this take care of the spacing/padding requirements?
• randomseq

  March 2019

  Hi Pablo, have used your steps and the effect isn’t working. Added approx 40px top and bottom. Next steps do I provide you with admin login details so you can advise properly?
• Pablo

  March 2019

  If you applied the image as the background image of the "Section", then you have to remove the image item from that section.

  Image item will cover the whole background image of the section, so that mean it won't display the parallax effect of a section,.
  

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• randomseq

  March 2019

  Got it working thanks Pablo.