How To Create A Parallax Effect in Gantry

This actually isn’t just for Ganty. It just involves a little CSS. I needed it for a section in a Gantry template, but you can use this anywhere.

I got this set up from good old W3Schools so you know it is solid.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax

It is really just locking down the position of the background image and setting it to cover. I didn’t have to specify the height of the div in my case.

I hope this helps someone else out there…

 

This entry was posted in CSS, Gantry, Joomla, Uncategorized. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *