Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 13, 2016 at 8:49 pm #647640
    thewisebunny

    Hi,

    I have added the code in my child functions.php to allow me to add popup content. It works fine from a link in the body content. I have also used the code to add a pop-up from the menu (contact us). This also works fine unless you reduce the browser window width and the responsive menu kicks in. Then the link no longer works. Interestingly, the link in the body content works fine in responsive mode, so I’m guessing its someting to do with the Avia framework.

    You can see the effect here: http://www.babcocksr.com/ (Modal activates on the menu item called ‘Contact’)

    Any ideas?

    rog

    June 13, 2016 at 9:54 pm #647665
    Basilis

    Hey thewisebunny!

    Can you please let me know which mobile browser you are using please?

    Thanks a lot

    Best regards,
    Basilis

    June 13, 2016 at 9:57 pm #647669
    thewisebunny

    Hi Basilis,

    I tried it on Chrome for Android, but it is also showing the same effect in Chrome for OSX if you reduce the width of the browser window.

    Cheers

    rog

    June 16, 2016 at 4:51 am #648971
    Ismael

    Hi,

    What is the code that you use? What is the selector? Note that the menu item on mobile menu is different from the desktop menu item.

    Best regards,
    Ismael

    June 16, 2016 at 9:47 am #649093
    thewisebunny

    Hi Ismael,

    Thanks for taking a look.

    The menu link is #form_popup with a link relationship of ‘magnific’
    The popup is hidden into the copyright line – using this rather than the analytics field means you can include shortcodes!
    The popup div is <div id=”form_popup” class=”white-popup mfp-hide”>
    The popup script is as follows:

    /* new popup function */
add_action( 'wp_head', 'enfold_customization_add_magnific_handler' );
function enfold_customization_add_magnific_handler() {
	?>
	<script type = "text/javascript">
	jQuery(document).ready(function() {
		jQuery('a[rel=magnific]').magnificPopup({
			type: 'inline',
			preloader: false,
		});
	});
	</script>
<?php
}

    Cheers

    rog

    June 18, 2016 at 6:20 am #650093
    Ismael

    Hi,

    Looks like it’s incompatible with the mobile menu script. Will you consider adding a contact button beside the mobile menu icon? If yes, please refer to this link: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Ismael

    June 18, 2016 at 9:52 am #650130
    thewisebunny

    Thanks for looking into it Ismael,

    I think it will probably give a better UX if I just pop the contact form on a normal page.

    Kind regards

    rog

    June 21, 2016 at 2:34 am #651180
    Andy

    Hi,

    so can we close this thread or do you still need any help with it?

    Best regards,
    Andy

    June 21, 2016 at 10:07 am #651367
    thewisebunny

    hi Andy,

    Yep – please do.

    Kind regards

    rog

    June 22, 2016 at 6:52 am #651929
    Rikard

    Hi,

    Ok, thanks for letting us know :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Magnific popup not opening in responsive mode’ is closed to new replies.