Parralax mobile view and more

Hi there,

1. Tom provides some CSS to 'disable" parallax on mobile:
https://generatepress.com/forums/topic/page-header-parallax-mobile/#post-504915

2. The page header has to have some content for it to display. if you want no content then add a HTML Comment which won't display on the front end eg.

<!-- Header Element -->

3. Your FA Icons are being loaded by Elementor which is not being used on the Blog, hence they are not displaying. Do you want to add the Elementor Footer to the Blog?

If so save the Elementor Section as a Template. Retrieve its Shortcode from Dashboard > Templates. And use a GP Hook to add it the blog ( or the entire site ):

https://docs.generatepress.com/article/hooks-element-overview/

Hey David!

Thanks for you fast answer!

1. So this CSS doesn't work for me! :( Parallax yet on mobile!
2. Thats perfect! :)
3. I use Elementor Free with GPP, so the primary menu from GP. ( If i understand you)
4. ?

Have a nice day! :)
Csaba

1. That code is for our old Page Header module. Try this instead:

@media (max-width: 768px) {
    .page-hero {
        background-position: center center !important;
    }
}

3. You need to make sure Font Awesome is loaded across your entire site. For example: https://docs.generatepress.com/article/font-awesome/

4. Any chance we can re-visit this once you have the icons re-added?

Let me know :)

Dear Tom!

1. Works very well! Thanks!
3. I am not sure what is mean.
I add the icons as custom link. See: https://imgur.com/UD943CV

thanks!

By default, GeneratePress doesn't add Font Awesome to your website.

If you're using a page builder, it will likely add Font Awesome for you, but only on the pages where it's active.

To add Font Awesome to pages where it doesn't exist, you can use a plugin like this: https://en-ca.wordpress.org/plugins/better-font-awesome/