Elementor Custom Nav Menu on Blog Page

Hi there,

Elementor usually doesn't work for the blog page.

Have you tried contacting them to see if there is a way?

Easiest way without code is to create an elementor template of your navigation and add it's shortcode to a GP Header which you can then add to your Blog page.

Hi Leo,

Yes, I have left them an email. Hope to hear back soon.

Yes, I have already created an elementor template, How do i add the shortcode to gp header? with gp hooks? How do i get it to show on blog page?
thanks

Try this:

<?php if ( is_home() ) { 
    echo do_shortcode("[elementor-template id='16040']");
} ?>

At work now, I will try it out as soon as i reach home, thanks.

By the way Leo do you have any idea on how can I get my logo into the navbar like this?

http://fairdeallab.website/demos/startup/product_landing.html

I don't want sticky nav i just want a simple transparent nav with my logo in it and the nav should work well with elementor background video header. :)

I have tried adding my logo and hiding site title and tagline but the alignment is not in the middle.
the logo and the nav menu is not aligned on middle. logo seems to be below nav menu.

note-nav is float right.
please advice

This should help: https://docs.generatepress.com/article/merging-header-navigation-content/

so I downloaded elementor header and footer plugin and made my header in that, Got the way I wanted my nav to be design wise but it lacks the sticky functionality. Anyway thanks for the help :)

I guess I will keep bugging you guys more till I fully understand this theme lol BTW is there any video tutorial on GP? I would like to know how the whole header function works.

*The support is awesome here*

There is no videos for header currently.

What are you hoping to achieve? If you can provide an example I'll point you to the right direction :)

Something like this
https://avada.theme-fusion.com/technology/

The header/navigation? Pretty easy with just GP: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

Well, right now I have got my desired result using the elementor header and footer plugin.
Transparent fixed nav combined with elementor section.
Anyway thanks for the info, I will check it out tonight. :)

No problem!