# Custom divi menu/hamburger breakpoint

<figure><img src="https://115803331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F705N8OeBYBxKGzhvaDVF%2Fuploads%2FaxhSQwAEntqWEFeCg3nn%2Fimage.png?alt=media&#x26;token=88886314-2fca-4c6c-8f8d-70213b7baad6" alt=""><figcaption><p>This is navbar example</p></figcaption></figure>

sometimes in design we will face the navbar like in the picture, the problem this design will be looks terible in responsiveness, and divi just provide 3 breakpoints (1440px, 980px, 768px). that's why we need to male custom breakpoint for menu, but there are lot of element that we need to find out  and addjust. so here are the code template to make us more easier to custom the menu.

```css
@media (max-width: your-breakpoint px){
	//This is to addjust list menu display
	.et_pb_menu .et_pb_menu__menu {
		display: block!important;
	}
	
	//This is to addjust hamburger menu display
	.et_mobile_nav_menu {
		display: none!important;
	}
}
```