[Support request] Parralax mobile view and more

[Csaba]

Dear Tom and others! 🙂

Thanks for this amazing theme!

I have some query:
1. I have Page Hero header only the Blog side. I use the Parallax. How i can disable on mobile view?
2. I don’t want to display any text on the background image. But if i delete it, dont show the custom image.Why? https://imgur.com/R4rSzv1
3. I use unique links from font awesome in the primary nav. But if i click to the blog side, there are not visible. https://imgur.com/L8BQkUV

View post on imgur.com

4. Also the icons: Id like to move the icons in same line only mobile device. Is it possible?

View post on imgur.com

Thanks a lot!

GP Premium 1.7.8

[David]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Csaba]

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

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Csaba]

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!

[Tom]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts