How can I hide the hamburger menu button on the tablet breakpoint in Webflow?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To hide the hamburger menu button on the tablet breakpoint in Webflow, you can follow these steps:

Open your Webflow project in the Designer and navigate to the tablet breakpoint. The tablet breakpoint is typically between 576px and 991px wide.
Select the hamburger menu button on your canvas or in the Navigator panel.
In the Style panel, click on the Selector field to reveal the available options for targeting the hamburger menu button on specific breakpoints.
Locate and click on the tablet breakpoint option (usually denoted by a tablet icon). This ensures that any changes made here will only apply to the tablet breakpoint.
In the Display property section, select the "None" option. This will hide the hamburger menu button on the tablet breakpoint.
Save and publish your changes to see the updated design reflected on the live website.

By hiding the hamburger menu button on the tablet breakpoint, you can create a more customized and optimized user experience for tablet users.

Additional resources:

Q: How can I hide elements on specific breakpoints in Webflow?
Q: Can I customize the appearance of the hamburger menu button in Webflow?
Q: How do I create a responsive navigation menu in Webflow?

What is the purpose of checking this option in Webflow?

How do I configure my Webflow website with a custom domain to redirect correctly when using the root domain instead of the "www" prefix?

Is it possible to lock the mobile orientation on Webflow to portrait only?

What could be causing the issue where the image linkblock content is visible on "Preview" but not on the "Published" version of my Webflow site?

In Webflow, what is the best approach for splitting a website project into two separate projects, one for product pages and one for support pages, while still pushing both projects to the same site?

Why is this specific code available in one project but not in another project in Webflow?

What is the most efficient approach for collaborating on projects and upgrading plans in Webflow?

Should I start building the website for my client in my workspace or in his, considering the limitations of the free project plan in Webflow?

How do I set up a custom 404 page for my hosted site on Webflow?

What is the difference between the two Webflow projects that could explain why the form block on the services page is not working in one but is working in the other?