Disable Zoom on Mobile Devices (native App Style)

Breakpoints

Disable Zoom on Mobile Devices (native App Style)

11 months ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Go to Dashboard > Elementor > Custom Code > Add New Code.

This code will disable the abilty to zoom on mobile devices. PWA projects are the common usage.

IMPORTANT
You have to set the ‘Section’ overflow to ‘hidden’.

<body>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<?php $viewport_content = apply_filters( 'hello_elementor_viewport_content', 'width=device-width, initial-scale=1' ); ?>
	<meta name="viewport" content="<?php echo esc_attr( $viewport_content ); ?>">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</body>

Single Post

2 min read

Hiding “Previous Post” Navigation in Elementor with Custom CSS

Hi, there! I’ll share some quick tips on how to change the appearance of article navigation on your Elementor website. We’ll

Effect

< 1 min read

Blur Effect CSS

Learn how this simple blur effect addition can transform your website’s visual appeal, creating a sleek and modern look that

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Breakpoints