- This topic has 6 replies, 5 voices, and was last updated 2 years, 11 months ago by Paul.
June 28, 2017 at 3:14 am #340577Stine
I’m designing my blog and would like a site header (logo) with a parallax effect. Right now, from top, I have the sites titel, site description and then a big image (put in as a logo). I would like this image to scroll up with a parallax effect, when you scroll the page to the content.
Is this possible? The effect can be accomplished with a page header, but this image is thought to be a site wide header.
StineGP Premium 1.3.1June 28, 2017 at 8:00 am #340716DavidStaffCustomer Support
It may still be in test mode but this may be exactly what your looking for.
It requires you to install a Beta version of GP 1.4 – Tom has commented in the vimeo page on how to activate beta mode updates.June 28, 2017 at 9:40 am #340802TomLead DeveloperLead Developer
Yep, the Page Header add-on would likely be best in this case.
Otherwise you would need to set a background image in “Customize > Background Images” and set the attachment to “Fixed”.June 28, 2017 at 2:43 pm #340980Lyle
I have done something similar on this site: http://www.cfwzz.ca/
There are not many pages so it wasn’t too much of a job to copy the Page Header setup from one to another. With the upcoming 1.4 version of GPP from Tom, this would have been a breeze … just select the page header for all the appropriate Global Locations 🙂
Note that the Aviation Blog is just another page set up the same way and it’s using another great product from Tom, WP SHow Posts, to display the posts listing. Again, with the upcoming 1.4, I could have just set it to apply to the “regular” posts page.
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and ElementorJune 28, 2017 at 11:40 pm #341164Stine
I managed to fix it. I don’t know exactly what I did but it works 🙂 I put a page header image under Blog, and played around with the settings under Page Header Content and somehow it all worked out perfectly, including a very nice parallax effect.
StineJune 29, 2017 at 12:13 am #341172TomLead DeveloperLead DeveloperDecember 19, 2017 at 8:57 pm #453475Paul
I love your site.
And I’m a pilot, so I guess that explains my attraction.
Your site is exactly what I’m trying to create as a header / site banner with Generatepress.
(Sorry, bit of a newbie to both WP and GP here)
I want your transparent main menu (which then becomes solid when user scrolls down)
I want the “slider” effect where the image moves as the user scrolls.
I want the full screen width image.
Can you (or anyone else) direct me to a tutorial which does pretty much this?
Huge thanks in advance
- You must be logged in to reply to this topic.