# Astra: Change the Mobile Menu Breakpoint

> Changes the screen width at which the Astra theme switches to the mobile (hamburger) menu, useful when a long menu wraps on tablets.

- Type: PHP
- Runs: Run everywhere
- Category: [Page Builders & Themes](https://wpide.com/library/category/page-builders/)
- Tags: astra, mobile-menu, responsive
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/astra-mobile-header-breakpoint/

## Code

```php
// Switch to the mobile menu below this width (px).
$wpide_astra_breakpoint = 1100;

add_filter( 'astra_header_break_point', function () use ( $wpide_astra_breakpoint ) {
    return absint( $wpide_astra_breakpoint );
} );
```

## Notes

Width in pixels; Astra's default is 921. Clear any CSS cache after changing it.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Astra: Change the Mobile Menu Breakpoint" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/