[Resolved] Javascript in slideout navigation hook

[Jamal]

Hi

Is it possible to run javascript in the generate_inside_slideout_navigation hook? I tried running a script there but i cant make it work for some reason.

Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

[Tom]

You can run javascript anywhere and it will apply to any element throughout the page – it doesn’t need to be placed anywhere specifically for it to work.

The best place for javascript is the wp_footer hook.

Let me know if you need more info 🙂

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

[Jamal]

I have finally learnt how to enque my scripts, so i did enque the script but i will like to dislay a HTML table inside the slideout navigation. Basically run this code inside the slideout navigation hook

Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

[Tom]

Should be pretty easy, you just need to use the generate_inside_slideout_navigation hook.

add_action( 'generate_inside_slideout_navigation','jamal_add_slideout_html' );
function jamal_add_slideout_html()
{
?>
    Your stuff in here
<?php
}

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

[Jamal]

That worked, thanks 🙂

I have the slideout navigation set to both, please help me with the following:

1. On desktop hide some/all menu items in the slideout.
2. On mobile, move menu items above the inside_slideout_navigation hook.

Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

[Tom]

1. You could give those menu item custom classes.

hide-on-desktop
hide-on-tablet
hide-on-mobile

2. That’s not possible but there is a generate_after_slideout_navigation hook you can take advantage of.

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

[Author]

Posts