Secundary Menu – no modal possible

PS : you do not need to have the custom markup – you can use Enfold Predefined Markup. Just get rid of that part:

function popup_from_avia2_menu() { 
?>
<script type="text/javascript">
(function($){
  $(document).ready(function() {
    $('.menu2iframe').magnificPopup({
    	delegate: 'a',
        type: 'iframe',
    });
  });
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'popup_from_avia2_menu');

On top of that window – there is a flyout menu: “Screen Options” press that button.

There you are: Choose what you like to have on Menu Options.

• This reply was modified 4 years, 7 months ago by Guenni007.

that function reacts on a given custom class: inline-popups
every anchor link following that class reacts in that manner.

But sometimes you have to combine different scripts.
in this case a class set by:
mainClass: 'mfp-3d-unfold',
defines the way a popup opens and closes. – maybe a removalDelay: 500, is set in addition.
By the way, it’s worth reading through the API of magnific Popup ;)

Ah i see now – add_action(‘wp_footer’, ‘add_lightbox_effect’…

well these are basic includings in WordPress. ( Hooks and Filters)
add_action or apply_filters. These are mostly related to the theme or also to WordPress implemented possibilities to change or add settings.
If you browse Enfold folder content for do_action you can find the hooks you can “hook” into to execute code.
wp_footer() , wp_head(), wp_loaded() etc. are such points set by WordPress where you can add code.
And that’s exactly what happens in the case we add a script in the DOM using child-theme functions.php.

The second part in the statement:
add_action('wp_footer', 'popup_from_avia2_menu');
is only the function name – you can write anything you want there – some characters are not allowed ( I avoid umlauts in the german alphabet) or a hyphen ( therefore the underscores ) is not allowed to separate words there.
This is the repetition of the function name you gave above:
function popup_from_avia2_menu() {

have a look to footer.php of enfold at the bottom

	/* Always have wp_footer() just before the closing </body>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to reference JavaScript files.
	 */

wp_footer( );
?>
</body>
</html>

_______
So the functions name is arbitrary. But it should always be used once in the whole code.
Many of the small snippets here by the moderators are called ava_custom_script or ava_custom_script_mod by default.
Then using more than one of these snippets would lead to an error message. So I try to give very detailed names that give you a hint what the function does. : popup_from_avia2_menu
This menu on top is stored in the DOM with the ID: avia2-menu.
A popup should open from there.