Archived topic
Elementor section inside sticky menu
6 replies · Started by Agustin on July 2, 2018
Hi Guys, I am getting close of what I need in my booking site.
I have solved the booking page look, I have embedded the page link in an iframe with a shortcode and then show in my page, Reservas (bookings)
Now I have a button and a calendar both linked to that page. I have build a template in elementor pro, and so I have a shortcode to this section.
I need help with this
I need to put that template below my sticky menu, both on mobile and desktop , so the booking button and calendar will be always visible under the menu on the top of the page.
Can you help please, I have now the sticky menu working , but I can not figure out how to put the shortcode inside the sticky nav, I have tried with hooks but not getting results. i attach a pic.
I have this

I need this, the menu and the calendar and button both must be sticky

Can you help, thanks!
Hi there,
The generate_inside_navigation is definitely the way to go.
What wasn't working for you?
If you want it sticky only, then you would need a similar solution here:
https://generatepress.com/forums/topic/change-logo-media-source-file-when-sticky/
Hi Leo, I did not know that hook, its not listed in the GP hooks, looks exactly what I needed, but 2 issues
1. The shortcode from Elementor did not work here
2. The menu is shown below the inserted code and I need it above
Can you help with those points?
I have used this code
add_action( generate_inside_navigation, arj_sticky_insidenav );
function arj_sticky_insidenav() { ?>
[elementor-template id="306"]
<?php }

I use also this, but it did not work either
add_action( generate_inside_navigation, arj_sticky_insidenav );
function arj_sticky_insidenav() { ?>
echo do_shortcode([elementor-template id="306"]);
<?php }
Try this instead:
add_action( 'generate_inside_navigation','db_add_shortcode' );
function db_add_shortcode() {
echo do_shortcode('[elementor-template id="XXXX"]');
}
All solved Leo, thanks to all of you!
Glad we could help!