Divi mobile menu not working. Mobile Menu not working.

Divi mobile menu not working When I click the hamburger icon the menu does not open until I have clicked a few times. What fixed your mobile menu? 1. The Divi theme comes with a selection of header formats. After checking this, make sure that you have assigned the menu in Divi Mobile > Menu Style & Settings. Home. This guide details the key settings within this section and how to effectively apply them. Divi Mobile menu not visible . com Divi mobile plugin from Divi Engine; Divi mobile menu not working and how to fix it; Article by. Blog Post + Code Snippet: https:/ My Website Style Is Not Working Written by the Divi Engine Documentation Team Introduction. Step 2: Output the menu using the Divi Theme Builder. et_mobile_menu { position: fixed I have the same issue, it sucks. works as Menu; Divi Community. Add the below CSS in Divi > Theme Options Sometimes we need to manually intervene with your theme to stop it conflicting with Max Mega Menu to get things working properly. com. Follow these steps if your Mobile Menu is not showing. - 2025 New Year Sale - Get Divi. Example. No, currently your Divi Mobile menus are styled in the Theme Customizer. (So on mobile, all of the links underneath "Manuals" and "Forms" aren't working, and only the links under "Forms" beginning with "Donation Form" work. Mobile menu not working on wordpress zerif theme. When i click on button in elementor, it works. For the life of me, I couldn’t get those specific layouts to work, the dropdown menu and mobile menu always went behind CYBER MONDAY SALE Get Divi. Mobile Menu Dropdown Not working on Mobile petervdeynde (@petervdeynde) 11 months, 1 week ago My header menu isn’t working on mobile. You can adjust this value in the Theme I see two mobile toggle buttons FIX – Divi Engine Menu Style, left align was not working well as max-width setting for menu was being overidden and set to 220px. Help Pro Membership @ $99 / lifetime & instantly gain access to all our Divi. Welcome to the unofficial Divi subreddit, the number one place on reddit to discuss Elegant Themes' flagship WordPress template. With Divi Mega Menu, you can easily customize the look and feel of your menu to make it perfectly fit with your website’s layout and design. Child Theme If you are using a child theme, paste this code into the scripts. A common problem is having multiple sections with the same anchor link ID on a Divi site, which can lead to anchor links functioning correctly on desktop but failing on mobile. Discussion in 'Free Divi Community Forum' started by ngloba, Sep 10, 2020. If it works in Safe Mode, meaning one of your plugins is causing the issue & you will need to enable / disable your i have created verstical full width menu by followed your tutorial but for the sub menu is not working as i expected. For example, a lot of users love to have mega menus on Desktop and Tablet, but not mobile. However it can be made sticky with a Snippet of We are third party developers from Divi. chapel-music. Hans_vlieg New Member. FIX – Inject Header Below, CSS was not working. Hello, All! It seems that my menu header works as intended on my desktop page but the menu does not appear on the tablet nor mobile version of my website, whereas before it was working on all devices. Hamburger menu doesnt work on mobile Resolved nopsw (@nopsw) 2 years, 8 months ago My menu doesnt work on mobile devices. I am the founder here at MarkHendriksen. 2 and Divi 4. Add the CSS Code to the Custom CSS area. Tagged: divi, mobile menu. And the best part? It works regardless if you use May 10, 2016. Divi Assistant If you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder. By default, Divi toggles every menu into a hamburger button on mobile. Then Edit [] Anchor links are a powerful tool for smooth navigation on a webpage. Here's the step: 1. Click this and enter your license key in order to receive updates. Try to disable this option & see if it works: WP Admin > Divi > Theme Options > General > Performance > Defer jQuery And jQuery Migrate > Disabled #11 Divi. Divi Mobile menu. This will only work for the default Divi menu, if you have created a custom header in the Divi Theme Builder then you need to follow the And we all know how creating a Custom Mobile Menu in Divi is a painful process, It can take a lot of time to even add some good-looking hover effect, let alone adding interactive and stunning content to the Mobile menu. help, I made a header with the Divi Theme builder. all four of them are working fine on desktop, but only 3 are working on mobile - the third one takes the user back to the top of the page I have tried to remove the module that has the anchor link, and Remove extra icons like "B" from drop-down menu; Add the padding in the header submenu; Increase the width of submenu container in header; How to change light grey background from the submenu on mouse hover; Close icon is not working? Mobile sub menu not expanding in Divi Flexile Header; Change the logo size in mobile view Hello Nelson, we are having a situation with our website, we have applied the web security test on Immuniweb and it is reporting that the jquery mobile version is outdated, it is indicating that we should update it to version 1. Step 1: Double-Check Your Setup. When I browse from my mobile it takes space but doesn't show anything. Free Divi Community Forum; Pro Membership @ $99/Lifetime; Divi Freebies For Download We have a scroll bar that appears on smaller viewports I have tried the fix I have read but seems to not work. Ivory Search. Use an included mobile menu layout, or design your own from scratch using the Divi builder & all of it’s modules and design settings. I know get why my CSS was not working sometimes We are third party developers from Divi. Step 1: Disable Your Child Theme. When in the site settings/preview for mobile, the hamburger menu works; however, when actually on the site on a mobile device, the user cannot click the menu/move through pages. Child Theme If you are using a child theme, paste this code into This extension, the Divi Hamburger Menu Styles Extension, adds twenty new hamburger menu styling options to Divi’s Fullscreen and Slide-in Header Formats. What we’re going to do in this PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More. There might've been a change or setting somewhere that might've caused this but can't seem to figure it out Divi Mobile Menu is the ultimate mobile menu builder for crafting gorgeous & unique mobile menu experiences. Divi allows you to Fixed Divi Overlays not showing on 404 pages; Fixed default Divi menu not working properly on mobile devices when an overlay was triggered; Fixed Overlay trigger not working on Author pages; Other Minor fixes and improvements; Version 2. But the problem is, the mobile menu is not really fullscreen. i were used refer your tutorials to achieve The primary reason to collapse mobile menu submenus is to improve the user experience (UX) on mobile devices. You can set it at: Divi > Divi Booster > Header > Mobile Header > Mobile menu font size Note that the font-size is normally 14px, so setting a higher value will increase the Solved Fixed Menu not working on Divi Ultimate. Help providing Free help for Divi community. Desktop View Mobile View. Discussion in 'Basic Support Forum' started by Joe Tiew, May 31, 2020. Help Pro Support, Jun 27, 2023. drthanh New Member. ngloba New Member. 9. In his video, he shows a Text Alignment section between Menu Text Shadow and Text Color. 3. Also, the menu pops out from the right side and cannot find any info or settings having it popdown from center of page. If you have a lot of menu items, the menu might be longer than the device it is displayed on, I noticed that my mobile menu and search bar were not working (it is working fine on desktop). Topics: 0; Replies: 1,754; We are third party developers from Divi. I don't know how I can solve this? On the picture "mobile_link. 1. FIX – Close all opened sub menu when close menu. After this the button scrolls with the page. The option can be found in the Theme Customizer under "Mobile Styles > Mobile Menu > Text Color". There is an option in Divi which can, in some cases, be used to control the color of the mobile menu button. Then go to Wireframe mode. I’m using Divi theme v. I have a wordpress site running an ET Divi child theme and on mobile the main menu does not scroll on touch, instead the background (website) scrolls. com a blog website for Web design, WordPress, and Divi. . So within Divi Mega Pro Settings, we can easily disable the mega menu from displaying just on mobile, while keeping it for Desktop and Tablet. It should. For your case, you can just use the default Divi mobile menu + some custom CSS to achieve what you want. Discussion in 'Free Divi Community Forum' started by Joy, Dec 23, 2020. Step: 2 If you’re using Flexile, and the sub-menu is not expanding on mobile phones, please edit the layout using Divi Theme Builder. There seems to be a conflict with WP Rocket’s mobile cache setting and the Navigation Collapsed element on mobile devices. Resolving the Issue LiteSpeed has now been updated (v6. 0. 🥳. 3: Update your divi theme. But if i adjust my browser's screen size to a mobile view, If I click on the hamburger, the menu shows up, and if I click on Vehicle, the menu just closes without showing the #vehicle-categories. However, I cannot seem to get these mobile menu functions to work: 1. Under Icons, you can change the Method 1: How to create a fixed header for the default Divi menu. This problem solved whenever I deactive Litespeed. The Whatsapp icon in the mobile also works fine on desktop but doesn't work on mobile. hp. You can check the problematic website. php file of your I am using Ultimate Header (Style 3), while allowing Divi's default mobile menu to appear (your standard set-up). the following CSS code to fix the menu to the top of the screen while also allowing scrolling within the menu in the Divi theme. Sometimes when I reload the page the header color changes to white and the menu automatically expands. In this tutorial I will show you how to fix the number 3 that sometimes shows in the Divi menu and explain why this happens. Just go to menu Section Settings > Advanced > Visibility & set it to be shown in mobile & tablet as well. If you are using the default Divi menu and you want to make it fixed then go to Divi > Theme Options and enable “Fixed Navigation bar”. This topic has 3 replies, 2 voices, and was last updated 4 years, 6 months ago by Ivory Search. Say goodbye to boring, clunky, and outdated mobile dropdown menu — Divi Mobile Menu is here! 🔥 In some cases, you may want to disable the mega menu on specific device types. Discussion in 'Free Divi Community Forum' started by Hans_vlieg, Aug 21, 2024. com or store. then you click on MENU 2 drop down (it opens sub menu)but MENU drop down still is open and doesn’t close. While working within WordPress, you might encounter delays in the live preview I am encountering the same issue. Joy Member. The header is one of the areas we get the most community requests for This quick Divi tutorial will show you how to fix and show the hidden Divi menu module dropdown submenu and mobile menu in the Theme Builder. so my Mobile Menu is not working (URL: www. Follow these steps if the design of your WordPress Divi website is broken. Use blurb modules, accordion modules, text modules, images, woo modules, etc. So that’s why I’ve put up a simple and neat trick to create a stunning Mobile Menu in Divi, with a little bit of code. By default, in mobile, it will revert back to use the default Divi mobile header. 0 Theme Builder to create a custom header. none !important; } . I just found a solution, pls check video from Suraj Oberai “FIX: SUB-MENU NOT OPENING IN ASTRA WORDPRESS THEME” This reply was modified 1 year, 3 months ago by janeytogo. View the full po Here are several ways to change the font size for the Divi Theme's mobile menu,. I got Divi theme on it and the mobile menu only works with the shop page and not opens on the rest of the site. I've already tried this fix I found online, but it doesn't work. Discussion in 'Free Divi Community Forum' started by Chetan Panchal, Dec 17, 2020. Divi Booster includes an option to set the mobile menu font size. The menu icon appears but clicking does not respond. php file. I hope you’re well today and thank you for your question! I checked the site and I admit I’m still not sure what is causing it. Everything works fine on PC and different browsers, but when transfering to the mobile phone it completely stops working. 8. Full Width Sub Menus. Everything was fine until he started adjusting Menu Settings > Design > Menu Text. But you can still have custom header elements to show below the default Divi mobile header by setting the Visibility option for your section / row / module. However, certain setups can cause issues, especially on mobile devices. For a widget look I've chosen the "Flags with language name option" and for a show in menu option I chose "Primary menu" so it would get rendered in my main menu on homepage (navigation menu). Step 2: Style Using The Theme Customizer Welcome to the unofficial Divi subreddit, the number one place on reddit to discuss Elegant Themes' flagship WordPress template. Add a new Divi Mobile Menu post from the Divi Mobile Menu CPT in your WordPress dashboard, and then, using the Divi Builder, create the layout you want for your Mobile Menu content. I want my mobile menu to be the same as booking. This is the mobile view. Here are some articles to help get you up and running: By default, the Mobile Menu should appear on screen widths below 600px. Divi 4 finally gives us the power to design our own header and footer using the Divi Builder, which is really cool. 1. et_mobile_menu . To make the mega menu drop downs span the entire width of the page (rather than just the width of the menu), go to Mega Menu > Menu Themes > Mega Menu and set the following values:. One problem that we have seen is that sometimes the mobile Menu does not show and the reason is that some code is missing from the header. There are two mobile formats, the default "hamburger" format, and a format with a dropdown page menu. MOD – New setting: Open Menu – Burger Menu Text Colour I'm customizing the already existing menu in my Divi theme, I use QuadManu PRO plugin to customize it. Can you explain to me why adding Divi, it works but when adding the path wp-content/themes/Divi won’t work? I searched the entire directory and there are no other folders Mobile Menu Does Not Show Written by the Divi Engine Documentation Team Introduction. I tryied to disable/enable Mobile Menu Does Not Show Written by the Divi Engine Documentation Team Introduction. The links in the last 1/3 section still work fine. 3 thoughts on “How To Change The Divi Mobile Menu Breakpoint” At the link I provided, the menu works on Desktop but not on Mobile as you will see. In this situation, one approach is to link both the parent menu item and the first child menu item to the same page. Help Pro Membership to enjoy the below perks: - Instantly access to all our premium Divi extensions, layout packs, Carousel AI Toolkit, Divi AI Generator & Divi Block - Pro version (Over $2150+ in value). Solution. menu-item-has-children > a:after We are third party developers from Divi. In the small popup that appears, click “Build Global Header”. Discussion in 'Free Divi Community Forum' started by andalltha, Apr 11, 2020. Step 1: Go to Divi Mega Pro. I've tried some CSS but it didn't work out. 4. when in divi builder editing mobile display it shows that the background color is selected but does not display. Child Theme If you are using a child theme, paste this code into The Divi mobile menu aggregates all menu items into a single menu, indented to provide some visual structure for submenus. elegantthemes. That happens in Opera, Chrome and Firefox, so browser It works correctly in desktop format; however, in mobile format, the dropdown does not respond. Now you have the freedom to show separate menu items to your mobile visitors! With Divi_is_mobile, you can easily and seamlessly display different menu items to your mobile visitors. Why fixed position not working on mobile device? 1. 0) with a fix for the nonce issue, so upgrading to the latest version of LiteSpeed should resolve the issue. Divi mobile plugin from Divi Engine; Divi mobile menu not working and how to fix it; Article by. Hi Phil Samcro. Hello, I have looked at all kinds of similar questions in the forum but I can not solve the problem of the hamburger menu in view of mobile and tablet. Try to go to the Menu module settings > Advanced > CSS Class & remove free-hamburger-icon free-vertical-navigation-trigger As those CSS classes are used for vertical navigation style 11 & 12. Help Pro Membership @ $99 / Lifetime for a limited-time only. I would like to see the customizations available for desktop menus as well. Are you using the #WordPress theme called #Divi from Elegant Themes? Ready to make the mobile menu fixed on scroll? Here's the simple step-by-step tutorial Enhancing the mobile experience on your Divi site includes paying special attention to how sub-menus are displayed and interacted with. pipe-organ. ) Ivory Search › Forums › Support › Not working in Mobile Menu. yeah that was an issue with older version of divi, it's solved in latest version. Responsive menu not working on mobile. The latter of these mobile formats, the "dropdown" format is applied when the main header format is "centered". . I found some code to make the mobile menu fullscreen. Divi Ultimate Child Theme. However, the Sponsors link in the header menu is still not working on my end, even after clearing cache on my router and modem (in addition to clearing cache on the website itself, along with clearing static css, and clearing Cloudflare cache). Discussion in 'Support Forum' started by Gianluca, Nov 24, 2022. The Phone Icon in the mobile menu has an ID link "#Contact" which works fine on desktop view. Lastly, make sure that you have styled your submenu in the Sub-Menu Appearance section of Divi Mobile. Are you tired of the Divi mobile menu? Here are six simple CSS snippets that will improve your mobile menu. Enjoy a huge collection of incredibly handy features and tools to make your life easier when working on your Divi website – startup actions, general utilities, interface hacks, custom To get started, let’s break down the structure of the Divi mobile menu. 5. These are accompanied by a corresponding mobile header format. The Problem: When viewing a Divi website on a mobile device that uses both the Primary and Secondary menus, the two menus combine for your mobile visitors. It expands maybe 90%. This will change the color of the mobile menu button. Do note that currently you're using Divi Theme Builder for the header & thus you need to build the mobile menu in Divi Builder as well. You can find the colors for the Divi mobile menu also under the dropdown tab. For your case, it seems like your child theme has custom CSS that hide the default Divi mobile header. Remove the Custom Mobile Menu section from your custom header. Commented Jan 3, 2020 at 21:48. andalltha Member. css file. But if you open the page on mobile, the links in the first two 1/3 sections stop working. Is there any other way to "hide" the menu on mobile menus when scrolling on mobile, using your layouts? To remove the sticky feature in mobile menu, you just need to disable the option at Theme Customizer > Divi Powerful Settings > Mobile Menu Styling & untick I am trying to integrate Jquery code in wordpress divi theme in the following section as shown in the screenshot below but it doesn't seems to work and I am getting the following error: Uncaught TypeError: $ is not a function. Solved dropdown menu for mobile not working. Stop mobile menu from disappearing on scroll However: on mobile the menu does not expand when I click on the hamburger icon. 2: use the backend builder of divi. We plan to update this at a later stage so that your entire mobile menu is built using the Divi Builder, but this will likely only be after Divi 5 is released. 0 for the fix. If you don't have a child theme, you can generate a child theme directly We are third party developers from Divi. You can however inject layouts from the Divi Library into you Divi Mobile menu. js files, causing it to malfunction. If not, try to enable Safe Mode in WP Admin > Divi > Support Center > Safe Mode > Enabled & see if it works. the sub menu should extented towards left when mouse hover on the menu. Let's explore why this happens and how Step 1 – Create the menu. Style your module using the Divi Builder style options and custom CSS if needed. This is the desktop view. Mobile Menu not working. Solved Mobile menu does not work. Joe Tiew Member. Like the Elegant Themes did on the Url https://www. If I click Vehicle in the menu, this section will show up below. com). Use this subreddit to ask questions, show off your Divi creations and meet other Divi enthusiasts. In today’s tutorial, we’ll show you how to apply a mobile collapsing effect to the Menu Module inside the Divi Theme Builder. under section settings/ custom css ive tried section {background-color: #83fe00;} The Sticky Menu is not working; Changes I make in the Theme Editor aren’t being applied to the menu; A blank screen appears when I click the blue ‘Mega Menu’ button; I see two mobile toggle buttons; The mobile menu is completely hidden; The mobile menu is Upload and activate the divi-mobile-menu-customizer file. We know many of you have used it, but with the new Divi Theme Builder, the approach becomes slightly different. Help Pro Membership perks. The FOOD menu is a full-width module. If you use our Theme Customizer custom Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin Hi, i am working on editing my mobile design to look good on smart phones and as im editing the header (2 sections), it appears to look good, but when i save and publish, one of the I've tried to reach Divi's expert on Malt but they were not able to answered me. js file (don't forget to remove the <script> tags at the beginning and end). This step is the same for all themes. Solved mobile hamburger menu is not working. Insanely fast. Make Your CTAs Prominent Larger Tappable Elements: Make sure interactive elements like buttons, links, and menus are large enough to be tapped comfortably with a finger. Mobile navigation not working on divi theme. If your mobile menu does show then add wp_body_open(); to the header. Jul 11, 2022 #1. 2 (6/4/21) Internal release- fixes and enhancements from this release are added above; Version 2. I also noticed that there was a large white space below the footer on mobile. Keith, I just checked your mobile menu and it is working! I just discovered that the mobile menu on two Divi sites I created recently are not displaying the menu items, just a blank white space (www. mobile file is included on the Divi theme folder, when I open this js file I can see in the Hello Divi. It seems that my menu header works as intended on my desktop page but the menu Your navigation bar is there, but when the viewport is mobile it turns into a hamburger menu, actually you cannot see it because the button has a blank color just as the I got a small problem with my wordpress website. toggle menu on mobile still not working, I think it’s because of Astra theme. LEARN MORE. 2. Solved Full width mobile menu dropdown not displaying correctly. Mostly on C It works with the default mobile menu of Divi theme, as well as with the menus created using the Menu and Fullwidth Menu modules, you just need to add the dvcs_scrollable_mobile_menu CSS class in the module settings Divi automatically presents mobile menu when the media screen width is less than 1025px. I added an ID to that menu module and width CSS but it didn't work. Step 2: Update, Disable & Flush The Sticky Menu is not working; Changes I make in the Theme Editor aren’t being applied to the menu; A blank screen appears when I click the blue ‘Mega Menu’ button; I see two mobile toggle buttons; The mobile menu is completely hidden; It works but somethings not right A while back, we shared a mobile menu hack that helps you create a collapsing nested menu. In today’s mobile-first world, ensuring that your website’s navigation is both intuitive and user-friendly is crucial for I have a few anchor links (4) on a landing page. While there are many components, we’ll concentrate on 1. et_mobile_nav_menu { display: block !important; } } Also, Divi tends to hide empty columns, even if the heave a background and a set height. After reading other similar forum topics, I tried deactivating WP Rocket and that solved the issue. Can anyone help me? Divi Mobile is a powerful plugin for creating a responsive and visually appealing mobile menu and custom header on your Divi-powered WordPress site. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Great website navigation is key for a simple and clean site navigation experience. Divi Mega Menu is a powerful plugin created by Divi Engine that gives you the ability to create complex and visually stunning menus on your Divi website. On desktop, all of those links work. Several factors can cause slider functionality. Free Divi Community Forum; Pro Membership @ $99/Lifetime; NEW Divi. Position Relative Is Making Sticky Menu Not Work. 6. When the hamburger To fix a malfunctioning Divi mobile menu with LiteSpeed Cache due to nonce issues: Update to LiteSpeed Cache v6. Upon the first touch, nothing happens, the dropdown does not open, and after the second touch, it loads the link of the parent element to which the submenu is For a detailed overview of working with Divi’s mobile-first approach, visit the Elegant Themes tutorial here, or watch their video tutorial instead: 3. 5 update removed this alternative scroll-to-anchor option from Divi Theme Options and made it the default behavior, so this section can be We are third party developers from Divi. Try to enable Safe Mode & see if it works: WP Admin > Divi > Support Center > Safe Mode > Enabled If it works in Safe Mode, then one of the plugins or child theme is causing the issue. Below are the most common causes and their solutions: Cause 1: SiteGround Optimizer PluginSiteGround Optimizer may interfere with the slider’s . I am watching a YouTube video by MAK that is demonstrating using the new Divi 4. Customize the mobile menu with this easy to follow JavaScript and CSS snippet! Making submenus collapse keeps the long mobile menus clean and responsive 🙂 It works with the Divi menu module and standard Divi header. In my Theme Builder, the Text 1. WordPress Divi site mobile menu not scrolling. When I reactive WP Rocket, the issue returns. With the WP Rocket mobile cache activated the mobile menu doesn’t work at all on mobile devices. We all know that your design on mobile is just as important as it is on desktop, but because of some standard settings within Divi, not all changes you make in the Theme Customizer look the same on Desktop as they do on mobile. Build for ET marketplace * VERSION 1. com and www. The plugin does not work with Extra. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme. The issue seems to be related to CSS hiding entire column on screens smaller than desktop – the column that contains both regular and mobile/hamburger menu. If you do not like the Max Mega Menu mobile menu, you can try using a different plugin for the mobile menu. Solutions; Products; Support; Partners; Open Source Menu. We are third party developers from Divi. Is it possible to fix this, so that the menu closes and doesn’t stay open when another menu item is I've installed GTranslate plugin into my wordpress site. Divi Assistant If you are using our Divi Assistant plugin, simply paste the code in the jQuery tab in the custom code window in the Divi Visual Builder. Alternatively, disable LiteSpeed's ESI feature. Step 1: Disable Your I've been using Divi for about 2 years and recently found a problem that's stumped me to no real solution. 4. js file The new Divi Sticky Options open up so many new possibilities for Divi websites. That code works well on desktop view. I have Divi Booster, but it only allows showing social icons on mobile, not the secondary menu too. The Menu Style Settings are central to this customization, offering you control over various aspects of your menu's design. When I scroll down I can see the content below. That’s great for the main menu, but I also often use a utilities menu in the top header, and / or a footer menu. On the parent menu, DIVI and child menu ABOUT DIVI links to the same URL that is https://www. dan on June 18, Hey Luke, I've just updated the code which should make it work better with the latest of Divi – it forces the secondary header to show if it is not visible on mobiles. Learn more about Mark. On my website the mobile menu is not showing. Solution: 1: use custom css to change the color of background, go to the custom css and add background-color: #000; to main section. Thread starter drthanh; Start date Jul 11, 2022; D. Can't see my mobile menu anymore (Wordpress) 4. Update: The Divi 4. Under the dropdown menu tab, you can change the colors for the dropdown menu. Panel Width (Outer): In this article, we will guide you through the process of designing a collapsible mobile menu in Divi that maintains the functionality of parent links. Solution: Cause 2: jQuery and jQuery Migrate SettingsDisabling jQuery Migrate or using certain performance settings in Divi can stop slider section back ground color is not showing on mobile and vertical display on tablet. 4 – 06/11/23. First we need to create a new menu, tag it the Primary Menu location and enable Max Mega Menu. guehring. Chetan Panchal New Member. Set the mobile menu font size in Divi Booster. Go to WordPress Dashboard → Divi → Theme Options → General Tab → Custom CSS. Is there a solution for this? The WP Rocket mobile cache drastically improves the page speed score, so it would be amazing if we could If you're using Divi Builder to build your mobile menu, our header plugin doesn't support fullscreen menu. 5, the only jquery. Within the plugin menu in the dashboard is a new link called DMMC Plugin License. So that means the menu is expanding only column width. Controlling the mobile menu button color in Divi. Fixed: Slide-in from the right mobile menu effect not working with the Theme Builder menus; Fixed: Custom blog layouts not applied when Blog Customisations disabled; Fixed: Dropdown menu link hover color not working with the Theme Builder menus; Fixed: Category icon missing in custom Post Meta; Tested with WP 5. Go to Divi > Theme Builder and click “Add Global Header”. Does your mobile menu show after disabling your child theme? Step 2: Add PHP Code. 24 thoughts on “How To Create A Collapsing Mobile Menu in Divi” If I modify the code to make a parent link clickable on mobile, I then lose access to the sub menu items as I can only click on the parent link - Divi Community. Even when you are using fixed header for desktop the mobile menu still does not become sticky when you scroll down the page. If we can fix both problems of the mobile menu and get it to work even excluding all js that contains the word “astra” (although it would be great to identify what js makes the mobile menu work to exclude it alone) all the webs i have running Astra and Litespeed (8 websites) will give 100-100 in any speedtest. Perhaps you could add that in your next update? Reply. Mobile navigation menu shows on desktop but not mobile - edit: images added. Sticky does not work In your Custom Mobile Menu, I believe I have followed your directions (from another thread) correctly, by doing this: In particular, it seems to affect the mobile menu "hamburger" button, preventing the mobile menu from being opened. Divi Mobile enables unparalleled customization for your mobile menu, allowing you to align its appearance with your brand's aesthetics and improve user experience. However: on mobile the menu does not expand when I click on the Since every Divi website is different, you will need to customize Divi Mobile to your website. So, you proceed to disable the Safe Mode & try to disable this plugin & see if it works: Wpmu Dev Sort Lists But if it doesn't work in Safe Mode as When All Else Fails The solution I gave above works in all cases that I have encountered except one very specific case. The URL is www. 1 (5 Step 1: Please try disabling the setting in Divi Theme Option Defer jQuery And jQuery Migrate If the issue still persists follow the next step. menu on Mobile version isn't working. When I brows from computer selecting the mobile view, it works fine. I am using Header 10 #1 Mark Ormiston seems like the mobile menu on DU header is causing the issue #4 Mark Ormiston 1. This guide delves into the Sub Menu Style Settings, explaining each option and how to The main on is that I have just created a collapsible mobile menu using CSS and JS and it works perfectly on all other pages except the product ones. reinstalled divi theme and used divi builder. Mark Hendriksen. Divi's mobile menu is a mess Thanks! – Chris. The hamburger does appear but no action happens when clicked on. There are no options in the Divi theme to make the mobile menu sticky. Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online The problem is that the mobile header and menu in the Divi theme is not fixed or sticky by default. This way, we can focus on specific elements one by one to craft a design that suits your style. my responsive menu doesn't work in mobile devices. By default, the We are third party developers from Divi. Try to enable Safe Mode & see if it works on your desktop with shrink browser size: WP Admin > Divi > Support Center > Safe Mode > Enabled If it works in Safe Mode, then meaning one of the plugin causing the issue. I have the row css added "display:flex" on mobile header. This subreddit is So when you click on MENU 1 drop down (it opens the sub menu). Mobile Menu toggle not working Resolved chapselle (@chapselle) 10 months, 3 weeks ago Hey, I have a few websites with Divi and only on 2 the toggle button on mobile isn’t working. This guide will walk you through the process of configuring a simple yet effective mobile navigation experience. gooloo. 2; Version 1. Sticky position not works as expected. but still if someone is looking for an answer, try bellow options. Mostly on C The MAIN menu is built using the theme builder. Child Theme If you are using a child theme, paste this code into the style. I have found a lot of custom CSS to fix the menu at the top of the screen on mobile, but my menu has a lot of options and these fixes do not allow the user to scroll the menu. Hello, I noticed that the drop-down menu does not work, when I click on it, I can see something move behind but the items do not drop down, I think it is trapped behind or something, my z-index is at 9999 but it still Suddenly the menu is no longer displayed below the Hamburg menu in the mobile view, but the links are displayed below each other. #2 Divi. I . First, you need to set your menu section visibility settings to be shown in mobile. I deactivate my plugins one by one. Following our step by step guide by selecting Divi Mobile in the menu above for more information on the set-up. Divi Mobile provides robust customization options for your site's sub-menu style, ensuring a seamless and intuitive navigation experience for your users. Litespeed cache seem like causing this issue: my menu on mobile version still display but not working. In our #1 popular child theme, Divi LMS for LearnDash, I have the course pages built with the Divi Theme Builder. Method 5: Divi Mega Menu by Divi Engine. Child Theme If you are using a child theme, paste this code into Mobile menu does not work Divi theme. Not only does it allow you to easily create a wide array of sticky headers and menus, but sticky elements can also be combined in creative In today’s Divi post, we’re going to share a quick tip that will help you enhance your mobile designs. By default, all menu items, including sub-menu items, are displayed in full expanded view with all menu items on the list. I turned off the menu in Divi in mobile view, but it is not applied. 1 When I scroll down on mobile, the menu is not becoming transparent. However, I encountered a problem with my mobile menus. png" you see how it was right. I believe I have tried just about every fix on internet forums and css code/console debugging On desktop, my website looks fine but when I shrink the window or when I access the website on a mobile device, the navigation window at the top of the site seems to The menu works correctly on desktop but not on mobile devices. [Deprecated] Fixing the Anchor Link Scrolling in the Divi Theme Options. In this tutorial I will show you how to make the Divi mobile dropdown menu height scrollable so it does not get cut off when there are too many menu items. Help Pro Membership @ $99 / Lifetime for This works on the desktop site but on mobile I get the following when scrolling: As you can see on the top right, the button scrolls up a bit. A collapse submenus can be a perfectly reasonable solution if your menu includes parent items. #main-header . When I customized my menu I noticed that it stopped displaying on mobiles, I checked HTML of the page and noticed there're no any HTML code which is responsible for the menu for mobiles, so I suppose my Divi theme doesn't even add that menu, Try to set: WP Admin > Divi > Theme Options > Navigation > General Settings > Alternative scroll-to-anchor method & see if it works. They keep the menu organized, However, if you hijack the default Divi mobile menu button by using “Customizer – SideMenu – Open Button – Hijack Mobile Menu Button”, this fixes that problem because if memory serves, SideMenu forcibly breaks the default Divi touch events in order to hijack the mobile menu button. The mobile version has CSS on the row to make it display as a 3-row column instead of stacked. Thank you! July 1, 2020 at 1:02 PM #5117. 2. When I tap on the burger menu icon, nothing happens at al Yes, that empty section is where the page should land (as the section is directly above the logos). Begin by making sure that you have set up your WordPress Divi website correctly. The "ENQUIRE" button at the sticky bar works fine on desktop but not working on mobile. The JQuery code which I have included in the screenshot is mentioned in this fiddle. If you wish to show us some support, consider subscribing to our Divi. Keymaster. Help, Nov 14, 2024 We are third party developers from Divi. ===== But if you're planning to use the vertical navigation style 11 or 12 as the mobile menu, then you will have to load the vertical navigation section in your custom Three things you need to do. But in the real website when 1. de). culx zgvmxi hfjftx hveo xqul ulwmtr shbv pzehmm thj bpusux