> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.stylecloud.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Burger Menu on Desktop

If you want a consistent, mobile-style navigation experience across all screen sizes, you can easily configure the **burger menu** (also known as dropdown menu) to appear on desktop, tablet, and mobile.
---

### How to Enable the Burger Menu on All Devices

To force the mobile (burger) menu layout to display everywhere:

* Go to **Appearance > Customize > Header > Design**
* Find the setting labeled **"Screen Size to Switch to Mobile Header"**
* In the input box, enter **4000px**

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/how-to-add-burger-menu_1a7fg2j.png)

**Important note:** This forces the burger menu to display even on large desktop screens. Any design changes you make to the tablet or mobile header (such as logo placement or menu structure) will now also appear on desktop. This setup is featured in certain StyleCloud designs to keep the header layout clean and minimal across all devices.
---

### Want the Burger Menu Only on Mobile?
If you prefer the burger menu to appear only on phones or tablets, **just leave the screen size setting blank**. Kadence will automatically adjust the header based on each device’s screen width.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/how-to-add-burger-menu-2_gmij1o.png)
---

Using a burger menu across all devices is ideal for minimal, modern design and can help streamline site navigation, especially for creatives, photographers, and mobile-first websites.
---

###### Tutorial Video

${frame}[Burger Menu on Desktop](https://www.loom.com/embed/306e7123e202441b93b7903bde1c3093)