How To Close A Mobile Popup Menu in Elementor for a One-Page Site

If you’re making a one-page / landing page site and want to have the mobile popup menu close after clicking on a link, copy the following code:


<!-- Close Popup once anything within popup is clicked. -->
<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>

Now, paste it into an HTML widget that you’ll put onto the bottom of the popup menu.

Other Helpful Articles

WooCommerce: Add A Shipping Notice on the Checkout Page

If you need to display a custom message on the checkout page of your WooCommerce site, you can place the following code into your functions.php file. Be sure to make your own styling and text changes: /* Add Shipping Notice Below Shipping Notes on Checkout Page */ add_action( ‘woocommerce_after_order_notes’, ‘custom_shipping_notice’

Read More »

Elementor: Disabling a Form Field

Let’s say you have a form field where you have dynamic data being brought in and you don’t want users to edit that data. You could always make that a hidden field within the Elementor Form widget. However, if you want it to be shown to the user, you can

Read More »

Tips For Setting Up An E-Commerce Store

Need some tips for setting up an e-Commerce store? Having an online shop, such as an e-Commerce store, can be both exciting and overwhelming. However, if you market it right, you can make a good income off of it. When web design companies build e-Commerce sites for their clients, there’s

Read More »

What Do You Need Done?:

(Please check all that apply)

Tell Us About You

Almost Done!

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info