Popup Maker shortcode not working in Enfold Button

Hey Suze,

Thank you for the inquiry.

It seems to be a conflict with the smooth scroll function from the theme. Try to add the no-scroll class name to the button to prevent the page from scrolling when it the button is clicked. The link or button markup should look like this.

<a href="#popmake-117" style="cursor: pointer;" class="avia-button no-scroll avia-color-theme-color avia-icon_select-yes-left-icon avia-size-small avia-position-center pum-trigger">
    <span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
    <span class="avia_iconbox_title">Click me</span>
</a>

Best regards,
Ismael

Hi,

Thank you for the update.

The class name should be applied directly to the link tag, but unfortunately, the theme applies it to the div container wrapping the link tag. Please add this script in the functions.php file to add the class name to link tag directly.

//------------------------------
// apply no scroll to button
//------------------------------
function ava_apply_no_scroll() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
        (function($) {
            $(document).ready(function() {
                $(".avia-button-wrap.no-scroll").find("a").addClass("no-scroll");
            });
        })(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_apply_no_scroll', 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

Did you copy the code from your email? Please try to copy it directly from the forum to make sure that the quotes and any of the symbols in the script are not converted.

Best regards,
Ismael