:-0 – yea! Le point de rupture du menu (ou breakpoint en anglais) du menu de Divi correspond au moment où le menu standard est remplacé par le menu mobile (le hamburger). That’s why I thought that the creation of a collection of styles to customize the Menu Mobile of Divi could be useful for all those users who want to get a new look for the menu, but they have little or no knowledge of the code. A: Add the following code to custom css box in Divi>theme options and edit color hex to adjust to your liking:.et_mobile_menu { border-top: 3px solid After selecting the menu you are on the options page for Divi Theme so scroll down to the “Custom CSS” area. Show different Headers & Menus per Page, have your Header / Menu start at the bottom of your page and stick to the top on scroll, have you logo on the right and menu on the left … and so much more! #1. Think about it— if you have a four column row on desktop, that becomes a much longer set of one column rows because Divi’s responsive grid causes the columns to stack. Hello, I need to change the breakpoint for the mobile (hamburger) menu. Responsive. If you want to add a mobile specific menu to your WordPress website, but your theme does not provide you an option to do so, worry not! The Mobile Menu Customizer plugin lets you style your Divi site mobile menu via Theme Customizer with live preview. Its the last box on the page. Each switch will produce a change in the Divi website’s appearance, resulting in hundreds of site customizations in numerous combinations. Thank The menu changes to the mobile menu when the width in pixels is one number lower than the breakpoint. If you’re interested in this hack, take a look at the tutorial I wrote and published on Needyesterday. Method The method for this is very simple. How can I change the color of this? in file: assets/js/drop_menu_selection.js Lines 1365 & 1366 Change the Mobile and tablet breakpoint widths ( ihave changed to 1280 below for both ) and set the main menu to disappear in the CSS at the same resolution “options”: Make sure to change the color to the color you want. Simple and easy, right? In today’s Divi tutorial, we’ll show you how to change the shop module’s mobile breakpoint using CSS, allowing two products to appear next to each other on most modern smartphones. Thanks! This will need to be a Then use the css below to hide the Divi Mobile custom header over a certain point and show the default Divi header. Right now it’s at 1140px, and I need to change it to 900px. Dans la majorité des cas, il est configuré correctement et vous n’avez pas besoin d’y toucher. Build beautiful Divi Mobile Menu’s thanks to the WordPress Customizer feature. This post discusses styling the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. This example uses 981, which normally shows the desktop header and 981 pixels wide. Divi Pixel lets you easily build a custom mobile menu. I found the solution to this. – Mighty Header & Menu Maker $35.00 – $65.00 Create your own custom Headers, Menus & Mega Menus using the Divi Builder. Divi MadMenu is the most advanced menu module for Divi allowing to create headers using the Divi Theme Builder*.It is a powerful tool coming with lots of features providing a great flexibilty for header design. For desktop, you enter the color by the theme customizer. At the moment if I look on a tablet I am getting the mobile burger menu ( I want the menu all one one row with the logo on tablets and pc's), can you please tell me how to only show the burger menu on a device of 400 px and lower. Change mobile breakpoint Inject Divi layouts Header control Try Divi Mobile Divi Mega Pro Divi Mega Pro is a mega menu builder that lets you create mega menus and popups using the Divi Builder. These 4 simple steps will teach you how. Version 2 has arrived! Change the shop module’s mobile breakpoint using CSS, allowing two products to appear next to each other on most modern smartphones. When no editing has been done yet to Divi‘s mobile hamburger menu icon button, the color of it will be blue; the default color.Of course, we’d want the color to be according to what we like or to our website’s branding color!