💻 Code Used in This Video:
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
If you’re building a desktop-focused site and want to disable the mobile view in Hostinger Website Builder, this quick guide will show you exactly how to do that using custom code.
Why Disable Mobile View?
While responsive design is generally a good thing, there are cases where you may want your desktop layout to display consistently across all devices. Maybe you’re building a design that looks best on desktop or using features that don’t translate well to mobile. Whatever your reason, Hostinger lets you override the default mobile view using a custom code snippet.
Step-by-Step: Disable Mobile View in Hostinger
- Log in to your Hostinger account.
- Navigate to the Websites section.
- Find the site you want to edit and click Edit Website.
- Inside the builder, click the three dots (More) menu.
- Select Integrations > Custom Code.
- Paste the code:
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
- Click Save, and don’t forget to Update your website.
Preview the Result
After adding the code, right-click your live website and choose Inspect. Toggle the device toolbar to simulate mobile view. You’ll see that the mobile responsiveness is now disabled and the desktop layout is maintained.
Want More Tutorials?
You can access my Hostinger Website Builder Masterclass — completely free — via academy.dotcom.builders. It covers everything from getting started to SEO, blogging, ecommerce, analytics, and more.