Wordpress dropdown menu not working on mobile. is there on the header.
Wordpress dropdown menu not working on mobile 7. 1 theme. if you have existing meta fields for the post type your are I am new to wordpress and a would like to fully expand menu bar in the header on mobile version, but not in desktop. Can anyone help me? Please find I have a problem with my dropdown menu in a Wordpress website. ) but have not had luck with this issue. The drop down mobile menu does not work when the hamburger menu is pressed at smaller viewports. How do I fix this? I’ve already cleared caches through the WPEngine Dashboard and the styling cache of The dropdown menu is correctly shown by clicking on the correspondent icon; the problem is that it is also shown by clicking at any point of the topnav menu. We’ve also tried it on our side, but the hamburger menu works well. I have used navigation element and for mobile devices the issue is I want that if I change to mobile view, the menu items will collapse and when I click it, then it shows the menu in dropdown. Our step-by-step guide will help you troubleshoot the issue and get your dropdown working again in no time. It rolls down for a second and goes back immediately. How can i fix this, also if there is any better alternative, kindly suggest. com. Mobile menu is not working Resolved vitoti (@vitoti) 1 year ago Hi there. This is intentionally disabled, due to small devices not being My site is having an issue where after touching the screen on a mobile device (phone or vertical/portrait view on a tablet), the main drop-down navigation is taking up the left I just launched my WordPress site (yesterday) and I noticed the basic drop-down menu (only pages not categories) on mobile doesn’t work. The mobile menu icon shows correctly, but when I click the mobile menu icon, the mobile menu does Not appear at all. com Forums Mobile dropdown menu does not display Mobile dropdown menu does not display gallatinsolidwaste · Member · Mar 9, 2016 at 5:32 pm Copy link Add topic to favorites I am using the Stay theme and while I’m mostly satisfied with everything, when I view the full site on my iPhone, the nested menu will The last 2 issues that I am having trouble solving are with the menu. Add . js, bootstrap. 2. I have selected off canvas so it should be showing. The page I need help with: [log in to see the link] en WordPress. We have the same problem with Elementskit nav menu / mega menu on our website. Solved dropdown menu for mobile not working. ; Free Keyword Generator Hi, my menu is not showing on my mobile but shows when I am on the desktop. You can find the page The drop-down menu was working at least several months prior. Everything looks good on desktop, but the mobile toggle menu does not expand child menus. Any help is greatly appreciated! Thank you! Drop-down main menu does not work on mobile albrtlpz869 (@albrtlpz869) 1 year, 9 months ago Hello everyone, I have a problem with the drop down menu of my website. Normally only the plus sign is displayed. I also found some information related to this, that the backdrop filter If you are on mobile view on elementor and click on the hamburger menu, it should display the “content” panel on the left next to “menu” there is a drop down box that will display all the Hi @silvercarpet. We’ve got an issue with our AMP version. When in mobile view the hamburger menu appears but will not work. Hello @augmental. It works perfectly on the desktop version but on mobile, en WordPress. It works perfectly on the desktop version but on mobile. css. 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). 1; Upgraded 3. I'm using a child theme. Go to your WordPress Dashboard. Finally, as we’ve already discussed, there may be situations in which descriptive menu items aren’t enough. Not including popper. Go to the Advanced tab. Den dropdown toggle does not work and a gray layer covers the toggle menu. On desktop, you can hover over the menu for it to display the drop down links, but on mobile, if you click Switching to the ‘mobile-version’ allows the menu to drop down, but the page is missing all images. What I did was making sure that the hack would not work for non-mobile devices. In my search, it WordPress Dropdown Menu Not Working on Mobile. . In these situations, you may want to look into using Menu Image, Icons It is the desired effect. 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 attached, but it never opens. I’ve tried to unactivate the plugin and then activate again but no effect. Request for Assistance: en WordPress. Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor Drop-down menu on mobile version not working. 2nd menu has a dropdown, when clicked on text "Categories" on mobile view, the menu closes. You could try adding a click listener with a toggleClass() event for mobile and leave the conventional hover on desktop:. Theme is “vivacity” Home / Fixing WordPress / mobile dropdown menu not working vivacity. I want the font color in the menu to be #2088A0 on whatever page is active, and :active isn't working. It works correctly on desktop, bu The last 2 issues that I am having trouble solving are with the menu. Decoding mobile menu malfunctions in WordPress. I’ve tried this with the The most recent version of twitter bootstrap (2. Its the drop down menu that is three lines. Business Name Generator Get business name ideas for your new website or project. However when I go to the previewDNS site the drop down doesn't work. I attached an image. menu-item { display:block; } here is the html code: Mobile Drop Down Menu Not Working Resolved lakesidecounseling (@lakesidecounseling) 2 years, 5 months ago For some reason the menu is not working in mobile / responsive. When on subpages, the hamburger menu is not clickable. Solved: 2 0 0 Hello, My dropdown menu doesn't work correctly on mobile, it's supposed to expand and show the sub categories but instead it redirects to the main collection. In I have added a dropdown to my website but it is not working properly on mobile devices when the nav bar is collapsed. Source Code: https:/ en WordPress. It shows a drop-down menu: Home, Blog, Pricelist, Contact and Special FX Department. 13. Could someone give me an Hi, I have this issue in Mobile view, when when I click the toggle button to see the navigation menus, it doesn’t show the list. For the mobile Menu, I have "Services" as a dropdown menu and there is no Services page. There are various ways to create a dropdown menu in WordPress. My previous theme was stow and never had issues. The code is below, if another area is required please let me know where on the source page I will find it and I will add here. Check this image Mobile View. Strange symbols instead. I have tried for hours but it still looks broken. ngo/) navigation menu. It does not show the dropdown menus I have an issue related to the submenu dropdown. Translatepress mobile menu dropdown not working Resolved johannesbohmig (@johannesbohmig) 2 years, 9 months ago Hello, when entering with the mobile phone and changing the language to english, the In this wordpress tutorial for beginners you will learn how to fix mobile menu drop down hidden behind page in elementor pro website page builder plugin. 1. ml-auto. A custom navigation menu may be the perfect solution to those Hi, GTranslate is not working when viewed on Mobile. liquid but somehow it doesn't work. My website running the latest Version: 3. Resolved betseyg (@betseyg) 1 week, 5 days ago. Upon the first touch, It’s messing with our mobile dropdown menu and even interfering with another plugin, making it disappear from the page. My mobile dropdown menu doesn’t work. After installing and activating amp plugin my site menu bar isnt working as expected. collapse element. Now on the WordPress forum, every new user is facing this problem. Learn how in this video. Featured on Meta We’re (finally!) going to the cloud! Updates to the upcoming Community Asks Sprint Visit chat. com (version 4), dropdowns are built on third-party library Popper. So, my container’column on the left is 75%, and where the menu is 25%. I’ve tried changing themes, but nothing helps. dropdown-menu element is within the . The drop-down menu option does not work on the site. Below i have Provided some images of my problem. We have followed the steps mentioned above and also deactivated plug ins one by one. In version 1. Related. com Forums My mobile dropdown menu doesn’t work. My populated menu items lost all classes . You can view the screenshot attached below. To create a mobile menu in Astra, you can follow these steps: For the link text, enter your desired text for the top level of your drop-down menu; Click the "Add to Menu" button; Drag the menu item to its desired position within your menu; For the menu item you just added, click the down arrow to the right of the item (it will read "custom link" to the left of the item) Remove the "#" from the URL. Go to website – click on hamburger menu – click “translate” When selecting a language, the page doesn’t change, there is no redirection or option to select “enter” or “go. First go at working with a (Dara) child theme here, not far off noob. com Forums Menu not working on mobile device Menu not working on mobile device fatbunny92 · Member · Aug 7, 2018 at 9:15 am Copy link Add topic to favorites Hi, I’m just setting up a new blog and picked up a nice standard theme that has desktop and mobile layouts – Circa. When I go into the theme default kit additional settings, I make “Hello Theme Header & Footer” inactive and the navigation menu responds normally on mobile devices. Recently I had a menu issue with Elementor where the menu dropdown was not working. Switched to the Hello theme. If your navigation menu doesn’t work well on smartphones and tablets, then a big chunk of your audience may struggle to find their way around your site. If the menu item has sub-menu items, the top menu item link does not work. Hi, Help please! The menu has worked perfectly fine for years until I made a transparency adjustment on the mega menu. On tablet or mobile, the ‘hamburger’ menu does not show an arrow to display child items. Drop down menu on mobile is not working. Hi all – I’ve seen this question multiple times (and attempted most of the solves) but my menu still isn’t showing up on mobile with the Kadence theme. On the mobile menu front, the hamburger menu does Enable the “Hide on mobile” option. The topic ‘mobile dropdown menu not working vivacity’ is closed to new Make sure that your WordPress, plugins, and themes are up to date. When a user tries to choose an alternative, it shows nothing and instead the user scrolls down to the bottom of the page. js before including bootstrap bundles could be one of the reasons. We have changed the Learn how to fix dropdown not working in Bootstrap in 3 easy steps. The steps are: when MEC version 6. When I disable that plugin my mobile menu started working correctly. As an experienced blogger who has been using WordPress for over 17 years, I have encountered this issue multiple times and have found several solutions that I Does anybody know what may be wrong ? I’m using one adaptable menu dropbox that appears differently on the mobile version of our site. Menu Dropdowns Not Now Working. – My trigger is set with my mobile navigation off canvas – I’ve enabled the mobile menu and have the correct one set up in my settings Toggle menu not working on mobile Resolved lingxiaoxie (@lingxiaoxie) 9 months, 1 week ago Toggle button (burger menu) not working on mobile. David Trembath (@dtrembath) 1 month ago. com Forums Why won't a drop-down menu appear? Why won't a drop-down menu appear? matmcv · Member · Apr 11, 2013 at 10:02 pm Copy link Add topic to favorites I’ve cr en WordPress. i too discovered that HFE hamburger menus do work fine in browser’s emulator (i. I have done the following: Disabled all plugins except Elementor and ElementsKit. I am not sure if I need to add a Hi, I have this issue in Mobile view, when when I click the toggle button to see the navigation menus, it doesn’t show the list. Premium Theme Support Organic Themes Collective Menu colours issue and dropdown menu not working on mobile Menu colours issue and dropdown menu not working on mobile korenhelbig · Member · March 8, 2020 at 4:55 am Copy link Add topic to favorites Hi there, We are experiencing two issues with our menu: 1. Discussion in 'Free Divi Community Forum' started by Joy, Dec 23, 2020. Specifically, when you click the “more” dropdown option, inside of a menu on mobile, there is no result unless you Hello @alphacraft9658,. I cant click on the toggle menu. My website is new and the mobile dropdown Currently I am seeing and issue with the Dropdown Select Menus in the Map form fields to post meta-fields section. Solution 2: Adjusting the Suddenly my drop down menu stopped working both in desktop and mobile view. I checked the forum on this topic, selected ‘show floating language and also downloaded the ‘advance version’ but still not able to get a dropdown flag menu in the mobile version. On desktop, you can click "Services" and the dropdown appears. However, you are en WordPress. It works correctly in desktop format; however, in mobile format, the dropdown does not respond. It even has an extra ‘Welcome’ section that is a blank box – if I add an If you have setup dropdown items in your menu, you may notice that the main parent menu item is not clickable on mobile devices. Mobile menu is not working properly, it doesn’t open when clicking on menu button. All was working great and the website was signed off until the client updated Wordpress, and now the submenu items have stopped pulling through on mobile. On mobile, the hamburger menu only works on the homepage. Any ideas where to start looking. Remember how WordPress lets you create different menu sets for every occasion, via the Appearance -> Menus pane of your dashboard? This is the place where you assign the menu en WordPress. My site is having an issue where after touching the screen on a mobile device (phone or vertical/portrait view on a tablet), the main drop-down navigation is taking up the left 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. Don’t forget to click on the PUBLISH or UPDATE button @HowardE the dropdown menu does not work in bootstrap 5 the menu ` function register_all_menu() { register_nav_menus(array( 'top_menu' => 'القائمة العلوية', 'main navbar dropdown and collapse not working[wordpress + bootstrap] 42. e. However, this dropdown function has stopped working, and the submenus no longer appear. A well-optimized mobile menu is your visitor’s compass, guiding I have a clean installation of WordPress 6. I have checked your site and the mobile menu animation is working fine on my device. Does wordpress menu system use un-ordered list? I do not have much idea about the inner working of wordpress. We have changed the en WordPress. com Forums Menu drop down not working Menu drop down not working sandrofracca · Member · Jan 18, 2016 at 6:46 pm Copy link Add topic to favorites Strangely, the drop-down feature of the menus is seemingly out of order. The arrows for the dropdown menu are not displayed. The page I need help with: [log in to see the link] Menu broken on mobile site (works on desktop) mptips (@mptips) 2 years, 4 months ago Hello all and thanks in advance. is there on the header. 8, and @lucmclachlan also confirms rolling back resolves the issue, then it is the Neve theme version 3. It works fine on a full desktop screen - but when I shrink the screen (or view it on mobile), the three lines menu does create a drop down. I have disabled all plugins and it does not work, is this a result of JS optimization in ExS theme? If yes, how to deal with it since I cannot find contents about this in theme file. Using WordPress 6. Thanks in advance. However, when I en WordPress. This is my code: I am having a similar problem with a new WordPress install using Elementor and the Hello theme. When I am logged into WordPress, it displays properly but the second I log out or if I have someone else look at the website anonymously it does not display correctly. But I would like to change the background of en WordPress. I’ve tried When I am on desktop and hover over the dropdown menus, it does not show the dropdown fields. How can I do it in CSS? Here is the code I try, but not success:. The dropdown mobile menu for our website isn’t working. Quick solution: create a WordPress dropdown menu in just a few steps following this guide! Skip to content. Joy Member. I tried Foodica theme before kadence and same it just won work. The page I need help with: [log in to see the link] Home / Fixing WordPress / My hamburger drop down header menu does not work on mobile. you will get an overflow setting. – On the mobile version on my site the drop down navigation menu won’t open, it highlights when you click it like it would if it was going to open but never does. com) which worked fine til just now – there should be an extra page The dropdown menu in my main menu (desktop) will not work when clicking on it. 2 to and downgraded to older versions. Before the optimization it was working perfectly. I tryed to find out a solution with custom php code,themes I have an off-canvas menu on the tablet and mobile view for my website. The topic ‘Menu Not Working In Mobile’ is closed to new replies. It works correctly on desktop, bu Hi, my drop down menus aren’t working on mobile since the update. Why won't it appear? I've already tried changing the z-index of the header using some code I got from other questions and answers. 9 was released, the dropdown menus stopped working on all subpages, the caret is no longer visible and hover doesn’t show the dropdowns (all pages expect for the homepage). drop down css The drop down menu doesnt show on mobile - or when the browser window is very small. The drop-down menu Join the Best Wordpress and Elementor Support forum. Right Delving deeper into the WordPress mobile menu problems, we often find that theme and plugin conflicts are the trickiest. But sometimes we see that the dropdown is not working properly. co/mRfyN20 (Mobile SS) https://ibb. I found the CSS en WordPress. In our #1 popular child theme, Divi LMS for LearnDash, I have the course pages built with the Divi Theme Builder. I would suggest reaching out to your theme developer for more help on this I am having problems with my wordpress dropdown menu on mobile. So, where should I put the code - It may seem like a childish query, but I need to know. com Forums WordPress drop down menus not working WordPress drop down menus not working alwayswellwithin · Member · Oct 15, 2010 at 7:01 am Copy link Add topic to favorites Help! The WordPress drop down menus are not working on my blog. On the mobile version on my site the drop down navigation menu won’t open, it highlights when you click it like it would if it was going to open but never does. Creating a Mobile Menu. Thread starter Niraj; Start date May 4, 2021; N. WordPress. uk) does not work for Mobile or Tablets. The Menu button works fine on Safari when tapped. com Forums How to fix dropdown menu problem How to fix dropdown menu problem somerscarly · Member · Nov 1, 2013 at 8:01 pm Copy link Add topic 3 Methods to Create Dropdown Menus in WordPress. The weird thing is, that the hamburger icon is still there and the dropdown menue workks in the mobile version. it used an un-ordered list. Then suddenly the Hamburger icon that triggers the Navigation menu alongside the Search icon stops working. Switching to other themes (such as Twenty Twenty) cure the mobile navigation menu problem, but I would prefer to keep my design and utilize Elementor's Hello theme. Tried multiple browsers (Chrome, Edge) Tried creating a new menu. I have a custom bootstrap 4 theme I am building out in wordpress. Instead of opening the sub-menu, clicking on a menu item directly opens the top-level link associated with that menu item. I tried to use Reponsive Menu plugin as a temporary workaround, but the submenu items do not appear even then. There is a “Hide Sub Menu on Mobile” option here too. menu_item { margin-top: The topmenu works fine, but the mobile menu showa, but does not work. This can arise from use of script One thing I can’t seem to find or figure out is how to have the menu in on mobile be collapsed instead of showing all the menus. These conflicts can render menus unresponsive, disrupt layout, or even cause your site to crash The menu works perfectly fine on desktop, but when I try and click the dropdown menu on mobile, it takes 2 clicks to expand, and when I try to click a link in that dropdown, It looks like you are using a third-party theme and page builder, which we don’t offer support for. I’ve tried also deactivating plugins, but could not resolve with that route. image 1: . com Forums Mobile Dropdown Menu doesn’t work Mobile Dropdown Menu doesn’t work joyfullytracie · Member · Mar 24, 2019 at 4:28 pm Copy link Add topic to favorites I have a WordPress. on Firefox or Chrome set to mobile view), but not on “real” iPhone problem is, HFE support is confined into private forum, so despite i can find other users having reported similar problems, i’ll never know of any possible solution to try until i go through contacting HFE via a private Don´t work for me. 2, PHP: 8. 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 At this time, if your menu has only one dropdown, it will unfortunately not work on mobile. mobile menu; In: Fixing WordPress; 4 replies; 2 participants; Last reply from: y2japa; Last activity: 1 year, 3 months ago; Status: en WordPress. I am new to wordpress and a would like to fully expand menu bar in the header on mobile version, but not in desktop. co. Home / Fixing WordPress / Drop Down Navigation not working on mobile. Drop-down main menu does not work on mobile albrtlpz869 (@albrtlpz869) 1 year, 9 months ago Hello everyone, I have a problem with the drop down menu of my website. In this blog, I will show you how to fix the menu drop-down issue. com Forums Drop down menu does not work in mobile version Drop down menu does not work in mobile version barbarahair · Member · Apr 3, 2018 at 2:53 pm Copy link Add topic to However, a mobile responsive WordPress menu also needs to be a part of the site. The drop-down sub-menus are not displaying at all along with the arrow toggles. Page on Blocksy theme. ericbernardolee (@ericbernardolee) 1 year, 4 months ago Hi team,My menu drop down is working perfect on Desktop. In the Customizer, open the list of components and find the Drop-down menu component. WordPress Menu Dropdown Not Dropping down. It works perfectly fine on mobile and pc, but not on Tablet (landscape I’m working on default Astra theme (don’t have Nav Menu) Issue: Mobile menu toggle functionality is broken – I am able to see the icon but it doesn’t open the dropdown menu. When you click on a drop-down menu item after opening the menu, the menu simply closes and no link gets clicked. I am not sure if I need to add a . It is a good idea for mobile devices, but it is not good for tablets. cthaaber · Member · Jan 7, 2021 at 10:41 pm Copy link Add topic to favorites I just launched my WordPress site (yesterday) and I noticed the basic drop-down menu (only pages not categories) on mobile doesn’t work. Why dropdown dont work in bootstrap5 navbar? 1. The WordPress team is Hover doesn't play nice on mobile. No changes have since been made on the site, and the issue seemingly arose for no apparent reason. 30 the classes of li menu items are there, i use JC menu to populate menus. Bootstrap provides one such component called Bootstrap dropdown. Mobile View – Menu not working. For now, you can try clearing the cache or disabling all plugins to make sure this problem is not a problem with the cache or other plugins I updated my website to the newest theme and wordpress version, and the hamburger dropdown menue on the desktop version is still not working completely. Search for: Search forums. 8, WordPress 6. Kindly resolve them. However, I can perfecly use the framework to do styling stuff. Everything works except the dropdown. com Forums Custom links in menu not working on mobile Custom links in menu not working on mobile kestrel73 · Member · Jun 3, 2023 at 10:15 am Copy link Add topic to favorites Hi, the custom links we use on our website for navigation have stopped working on mobile (desktop works fine). Make WordPress Home / Plugin: Max Mega Menu / Mobile View – Menu not working. On android devices its working fine. My ‘V4 Styles’ and ‘Guides and Tutorials’ should get a dropdown Hi I created a down menu in my WordPress Website but it is not working. Just not in the desktop version. The page I need help with: [log in to see the link] Category dropdown not working on mobile device leek74 (@leek74) 5 months, 3 weeks ago Hi, My category drop down menu has stopped working for my shop page on mobile devices. txt Manager. The dropdown menu worked Everything looks good on desktop, but the mobile toggle menu does not expand child menus. com Forums Dropdown menus stopped working Dropdown menus stopped working rosecarrousel · Member · Jan 11, 2017 at 12:51 pm Copy link Add topic to favorites Hi All, I recently (last night!) added a dropdown menu to my wordpress page (www. 4. I noticed that you have applied a Backdrop Filter to the header using the Elementor Sticky Effect feature which is Free Tools. To add a drop-down menu to your WordPress website, go to Appearance > Menus in your dashboard. Any help would really be Hello, Theme NEVE 3. 4 plugin activated using the Hello Elementor 2. Opening the same link in a desktop browser, I see the expected 5 menu items in the menu bar. @voldi If We can’t see your site because your site is hidden. I have tried many solutions suggested in similar posts (checking for updates, clearing plugins and cache, etc. I am using the dropdown menu in a WordPress website with CSS/HTML but it is not working properly. Nothing happened when I pressed it (when it had previously worked). 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 is acting Mobile Menu Popular. The most recent version of twitter bootstrap (2. If I’m logged into the Admin dashboard, they work but if I use a separate browser, they don’t. js. I am not an advanced WP user, and inherited this project. I have been trying all the solution in the internet but nothing seems to work. Drop Down Navigation not working on mobile. Mobile drop down mega menu not working Resolved Smeeshane (@shanelowry) 11 months, 1 week ago Hi there, I have created a Hestia mega menu that is working fine on desktop but doen’t drop down Home / Fixing WordPress / Menu Dropdowns Not Now Working. Regarding the submenus not expandable issue, we have checked it and confirmed with the WordPress team that it’s a WordPress core issue. Moreover, I'd the dropdown menu to disappear by clicking at any point outside of it. I've looked at the source and the URL's are all in the right place, so I'm not sure what's wrong. co/TYbdhb6 (Desktop SS) I have tested all the possible things which is deactivating all plugins except elementor>elementorpro>Elementskit, clearing cache from everywhere and one more thing instead of elementskit lite nav menu widget i have tested other nav menu widgets which are The sub-menus open as expected when their respective menu items are clicked. when I click on the first few menu on mobile, it also works fine but the last few We have seen several errors on your site that is causing the JS break. The Mobile Menu element is only present for mobile devices, as they work in a completely different way compared to a desktop device, with a mouse and. com Forums Drop Down Menu Not Working Drop Down Menu Not Working sjgoering · Member · Sep 20, 2017 at 2:08 am Copy link Add topic to favorites The drop down menu on my homepage is not working. This is how it looks like in desktop view Desktop View. angelmarfo (@angelmarfo) 2 years, 1 month ago. Also, I created a POP-UP in Convertful and it doesn’t seem to be working too. com Forums Dara dropdown menu not working on mobile Dara dropdown menu not working on mobile followinghadrian · Member · Jun 4, 2024 at 8:00 am Copy link Add topic to favorites Hi, I am having trouble with the dropdown menu options on the Dara theme. On desktop the menu is fine but since mobile is small the header menu has to shrink to a hamburger menu so I can use a toggle When All Else Fails The solution I gave above works in all cases that I have encountered except one very specific case. This is my website https://pdfmaze. en WordPress. When I click the services the sub-menu does not work and none of the links work either. Please advise. Menus are set to On Click to open. If you are not using the JavaScript correctly, your dropdown menu may not work Thanks for the reply. Hi, I am having issues with my navigation menu. What mobile browser are you using to view your site? I visited your site on my iPhone 5 using Chrome and Safari. I mean the one that says “account” “blogs” (not the drop down menus for I’ve checked desktop, tablet and mobile and none work. Choose “hidden” as the default from the drop-down menu. No caching is present. ; WordPress Theme Detector Free tool that helps you see which theme a specific WordPress site is using. A drop-down menu is a list of items that appear when clicking on a button or text selection. I deactivated every plugin and cleared the cache for the site multiple time, still nothing. Insanely fast. Thread Starter y2japa (@y2japa) 1 year, 3 months ago. I still have content and nothing really has changed, but the pages don’t show up when I once used OceanWp and even wrote about how the hamburger (☰) menu, search icon and drop-down sub-menu on mobile, etc. Desktop users don’t disable JS, but mobile users can disable them, thinking that the website’s loading time will improve after disabling JS. This morning, it looks like an issue is preventing the menu from working in mobile device browsers (Safari and Chrome on iOS). The sub-items dont open from the arrow that should open the menu. I can also add my mainmenu-mobile. My hamburger drop down header menu does not work on mobile. Plugin version 1. 2) does seem to have a problem with drop down menus on mobile devices. -plug-ins are updated. So, if the dropdown menu does not work onclick but is working only on hover of the dropdown include popper. I wondered if the menu URL which is set to # should be something else, totally lost after that. So A drop-down is like a list box that shows only one item when inactive. If you use a CDN, clear the CDN cache as well. In today’s mobile-first world, dropdown menus adapt seamlessly to different devices, maintaining usability standards across desktops, tablets, and smartphones. Thank you for yoru feedback. Navbar dropdown (collapse) is not working in Bootstrap 5. However, I am experiencing an issue with my WordPress site’s (https://fmsi. For any website, ensuring that your site’s mobile menu is functional and user-friendly is necessary. Let us hope I am having a similar problem with a new WordPress install using Elementor and the Hello theme. 3. menu_item { margin-top: From bugs to performance to perfection: pushing code quality in mobile apps. The only thing that happens is a faded or semi-transparent black cover/overlay appears covering the website with According to getBootstrap. When you click it, it should have a drop down menu. Hi, my drop down menus aren’t working on mobile since the update. What happens now is that once you click on a dropdown link, it won't close. In The drop down menu doesnt show on mobile - or when the browser window is very small. I've tried it both on my computer and on my iPhone. On desktop the menu is fine but since mobile is small the header menu has to shrink to a hamburger menu so I can use a toggle en WordPress. 0. first you need to clear change WordPress cache to validate the Elementor changes. in this version works, i lastets no. Select Menu. 2. ] This is a fresh install of wordpress and the neve theme. Welcome to my latest blog post where I will be discussing an issue that many WordPress users face, which is the dropdown menu not working on mobile. com Forums Mobile dropdown menu does not display Mobile dropdown menu does not display gallatinsolidwaste · Member · Mar 9, 2016 at 5:32 pm Copy link Add topic to favorites I am using the Stay theme and while I’m mostly satisfied with everything, when I view the full site on my iPhone, the nested menu will Hello. Theme and plugins already updated. similarly, when on mobile, if the hamburger menu is clicked, it loads the homepage. What’s the probl en WordPress. The best course of action here would be to create and include in the menu at least one more dropdown, which you can then hide, and this will resolve the issue of the first dropdown not displaying. ” To fix the issue of the WordPress menu not working caused by the ad blocker plugin, you must configure the ad blocker not to process the navbar’s JS file. CSS Drop Down Menu Not Working In Wordpress But Works On Every Other Page. open>. It seems this code does not work, what's wrong? I want to click this icon and show menu item in dropdown. I also tried deactivating the plugins and clearing the cache but nothing works. Navigate to Elementor > Settings. tv ↗ ︎; Community. I’m using the Adaption theme. Create a new menu or select an existing one. When I click on dropdown it closes the navbar instead of showing the items unde According to getBootstrap. com) which worked fine til just now – there should be an extra page Suddenly my drop down menu stopped working both in desktop and mobile view. Turned off cache. Ensure the Load Font Awesome 4 Support option is enabled. Whenever they try to click on their navigation menu or header menu in the mobile version of their site, no matter what OS they https://ibb. navbar-nav. The Bootstrap js link is at the bottom of the body tag too. I have set the Dropdown Target to Link—still does not work. com Forums Menu button not working Menu button not working raaj5671 · Member · Mar 7, 2019 at 7:50 am Copy link Add topic to favorites Hi, I am not able to use my menu button in mobile mode. Bootstrap I've installed GTranslate plugin into my wordpress site. com Forums Trying to create a sub-menu, but it is not working Trying to create a sub-menu, but it is not working anonsmithe · Member · May 13, 2018 at 9:40 pm Copy link Add topic to favorites There is no longer have the function of creating a sub-menu? I’m trying to create a sub-menu (category) WordPress. The drop-down icon is not shown. I just needed to re-upload the Hi! I’m having trouble with the mobile menu on my website. Desktop menu is working just fine. js and bootstrap. This is a fresh install of wordpress and the neve theme. Not sure if this information will help you identify your issue or not. How can I do it in CSS? Here is the code I try, but not en WordPress. Offscreen (mobile) Menu Options. mobile dropdown menu not working vivacity. com Forums Drop down menu does not work in mobile version Drop down menu does not work in mobile version barbarahair · Member · Apr 3, 2018 at 2:53 pm Copy link Add topic to The file bootstrap-dropdown. I mean the one that says “account” “blogs” (not the drop down menus for I have optimized the LiteSpeed Cache plugin on my website and today I noticed that the drop-down menu on mobile doesn’t work. Mobile Device View: However, when viewed on a mobile device, the sub-menu items are not functioning properly. Or do i need a I’ve just noticed that the “Three Line” menu dropdown for my blog site (netquirks. We are using a custom theme, and the mobile menu is working fine in the live preview, but it doesn’t work on the actual site. Switching to other themes (such as Twenty Twenty) cures the mobile navigation menu problem. We haven’t changed 10 Ways to Fix Your Elementor Menu Is Not Working Issues [ 2022 ] Hey there! In this article, we’ll be discussing 8 ways to fix your Elementor navigation menu. You are able to place your cursor over the menu and see the descending pages. The drop down menu doesnt show on mobile - or when the browser window is very small. com site, and the dropdown menu on the mobile version hasn’t been working since I installed Gutenberg. com Forums Trying to create a sub-menu, but it is not working Trying to create a sub-menu, but it is not working anonsmithe · Member · May 13, 2018 at 9:40 pm Copy link Add topic to favorites There is no longer have the function of creating a sub-menu? I’m trying to create a sub-menu (category) Mobile menu is not working Resolved vitoti (@vitoti) 1 year ago Hi there. Here’s your comprehensive guide to building a mobile menu with the Astra theme, which allows your website visitors to effortlessly navigate your site on their smartphones. com Forums Dara dropdown menu not working on mobile Dara dropdown menu not working on mobile wigginnate · Member · Jan 25, 2023 at 12:05 pm Copy link Add topic to favorites Hi, I am having trouble with the dropdown menu options on the Dara theme. I know how to create the menu in Appearance > Menus, but am shown this notice at the top of the page: “Your theme does not natively support menus, but you can use them in The top level items of the main navigation menu do not work on mobile device. Here is the site. When I click on the hamburger menu, it doesn’t display the menu items – instead, a blank line appears. Simply open the ‘Animation Type’ dropdown menu and choose an option from the list, such as From Top to The dropdown menu in my main menu (desktop) will not work when clicking on it. js has a function called clearMenus, which is the one that closes the dropdown menus. display class to your CSS with The drop-down menu is not working for mobile view. I just want the dropdown menu to appear only by clicking on the dropdown menu icon. I have an issue related to the submenu dropdown. When looking at some websites on a smartphone, the menu items just don’t look right. I hope this helps. 3. Tags. When you It was actually just the menu when viewing in mobile that wouldn’t work. liquid if needed (Not sure if it's the source of the Premium Theme Support The Theme Foundry Snap Dropdown menus not clickable on ipad/iphone Dropdown menus not clickable on ipad/iphone cynthiakirk · Member · January 28, 2014 at 4:50 am Copy link Add topic to favorites Hello, I’m finding that the dropdown menus I set up under “Services” and “Learn more” aren’t clickable on my ipad or iphone. Hi, I am using your plugin and on mobile, the drop down is not full width. I deactivated the plugin, then reactivated it, took sub-menu items out and added them back in cleanly, but nothing seems to work. I had a problem with the display of the main menu on the mobile or tablette . I have checked in my menu settings and viewed from mobile view and it shows it as working, it works on desktop and tablet just not on mobile as of the past couple of days. The most common approach utilizes the built-in WordPress The top nav has 4 main navigation tabs with multiple child and sub-child menu items which currently do not display on hover. I would suggest excluding that specific JS file from being minified by adding it to Performance>Minify>Advanced>”Never Minify following JS files” filed for example/ I'm trying to make a dropdown menu with Bootstrap, but it's not working (there's no dropdown when clicking on the button). 34. I have the responsive settings for all three versions of our page (mobile, tablet, & desktop) set to “show” so if the desktop version is visible, the mobile/tablet versions should appear as well. When I am in the customizer, it does show it working properly but it is not on live. -The menu items/pages seem to be there when I go to ‘appearance’ –> ‘menu’ in WordPress. How can I'm using a select dropdown menu for mobile devices on a website that I'm working on, but when I select an item in the list, it doesn't take me to the corresponding page. ginger99 (@ginger99) 2 years, 6 months ago. Hello, in the search options the I am using the latest version of wordpress with the responsive 2015 theme. The mobile menu drop down is not dropping properly. com Forums Hamburger Menu on mobile does not work Hamburger Menu on mobile does not work giuliofdi · Member · Dec 12, 2022 at 9:59 am Copy link Add Hi, my toggle menu not working as it should. The menu is not styled at all. com Forums Change Drop Down Menu Color on Mobile Change Drop Down Menu Color on Mobile daranicholson · Member · Mar 26, 2019 at 4:32 am Copy link Add topic to favorites I have the main navigation bar and button the colors that I want on mobile. It seems this code does not work, what's wrong? I My issue is regarding the Neve Dropdown Menu on Mobile. Hello, recently i’ve started using Spectra to design a custom homepage for my website. 8 as the cause. I have looked at the WordPress resources to find a solution but it seems as though I have followed the instructions on creating drop-down menus. Mobile Menu Effect (Off Canvas or Standard) With Max Mega Menu you can choose the type of On iPhone the menu icon on clicking doesn’t open the menu dropdown. Hi There are 3 ways to have access to my site: * Generic User (no login) the next step is to disable and re-enable your plugins one at a time, checking the dropdown menu each time to Home / Fixing WordPress / My hamburger drop down header menu does not work on mobile. you discovered that it moved left and right on the mobile site. were not working properly in it. But after somedays, the menu dropdown stopped working for mobile. Here’s how you can go about adding one more dropdown and hiding it from the menu, thus effectively Astra Header Builder provides a dedicated option to design a mobile menu. 0. How do I fix this? I’ve already cleared caches through the WPEngine Dashboard and the styling cache of Provide a great experience for smartphone and tablet users by creating a mobile-ready WordPress menu. com Forums Dropdown Menus not showing Dropdown Menus not showing ieeeuetksk · Member · Jul 17, 2019 at 9:49 pm Copy link Add topic to favorites My main navigation (burger and menu) button appear as black header with white font with burger and menu link on mobile preview within Appearance section. It is toggleable and has a predefined list of items that can be selected on clicking. Here’s Hi, my drop down menus aren’t working on mobile since the update. rosecarrousel. On desktop, you can hover over the menu for it to display the drop down links, but on mobile, if you click the down arrows, it takes you to the main link instead of displaying the drop down links. As you don’t have control over the user’s actions, you can use a theme that uses CSS The drop down mobile menu does not work when the hamburger menu is pressed at smaller viewports. For the life of me, I couldn’t get those specific layouts to work, the dropdown menu and mobile menu always went behind Just as the title describes, when I insert Elementor’s menu on some pages and it becomes a hamburger menu on mobile devices, I cannot click on and expand it. This can easily be a distraction for many visitors. Latest installed plugins are Contact form 7, Debloat, Independent Analytics, Link Whisper Free, MalCare WordPress Security Plugin, WPCode Lite, Ads. The dropdown menu (mobile), which is the entire menu, won't appear at all when clicking on the hamburger menu icon. After cleaner, if you validate the pages on Desktop and mobile, you can The Elements kit nav menu / Elementor mega menu does not work in mobile mode. 6. Everything works fine on PC and different browsers, but when transfering to the mobile phone it completely stops working. On mobile (after I’m creating a website with the Astrid theme from aThemes that contains a dropdown menu item. Anybody have any thoughts? Since we now have 2 more confirmations, from @burnett2022 and @lucmclachlan, that this mobile menu issue exists across 3 different websites which have 3 different setups with the same Neve theme version 3. The menu can be closed when clicking on one of the menus in the burger menu. Previously, I had a dropdown menu with additional pages displayed under certain main menu items. Sometimes the text is misaligned or there are simply too many options that it fills the entire screen. i resolve adding this function but i don´t know is the best option because a need to add type obect classes, like term or post type dynamically I did disable other plugins on the site and did not notice a change (still does not open the tab or in the same window, display what state is selected, etc) Plugin Author Jeroen Peters (@jeroenpeters1986) en WordPress. it have simple Hi there! Struggling with the dropdown with flags shown on the laptop right corner, won’t show on mobile at all. When we click on it it shows the full list. One Page Scroll Navigation We will discuss what causes the issue of Elementor drop down menu not working and how you can fix it. Try Kinsta Now - First Month Free! WP Mobile Menus WordPress plugin. Dropdown is not showing on mobile: Make sure that the . [This thread is closed. I have finished working on the WordPress website and everything was working perfectly. However, it doesn’t work on Chrome. On desktop, everything looks and works fine. Nothing happens when the Menu button is tapped. -The website is made in Nicepage, and in that software the drop down works good in ‘preview mode’ in all browsers. When i click the menu button the menu bar does not show in mobile mode. Basically, I have integrated the menu with some php code so that I can make use of the wordpress's menu Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about en WordPress. If you’ve tried the above steps and the menu still isn’t Are you tired of the default Elementor mobile menu? You can now create a custom dropdown menu using containers. com Forums drop down menu not showing drop down menu not showing candycapco · Member · Jun 23, 2010 at 11:00 pm Copy link Add topic to favorites Hi, I have the enterprise theme and I just found out that I can have a drop down menu on the menu tab. Let me know how it goes. The dropdown menu worked in the It looks like there is no script to alter the sub menu’s CSS display property when the down arrow is tapped, or the related CSS is mis-applied. . If a menu item does not have any sub-menu items, the link works properly. Thanks. I want that if I change to mobile view, the menu items will collapse and when I click it, then it shows the menu in dropdown. 2 with only the (non-PRO) Elementor 3. please help me with this asap I didnt delete any but not sure either how to restore it maybe this is the reason why the menu isnt working on mobile. So, we’ve identified the culprit, but I can’t just switch I noticed that the dropdown menu clicks are not working on mobile view. in HTML: en WordPress. when I resize my browser to a small size or open my site on mobile then menu toggle button does not work and the menu dropdown does not work. Skip to main content. On desktop, it works fine. 4. menu-item { display: none; } . It DOES work on desktop. What is the Elementor Drop Down Sub Menu Behind Content Issue? Check out this step-by-step guide on How to Create a Mega Menu on Your Elementor WordPress Website. Resolved ceejayuk (@ceejayuk) 2 weeks, 5 days ago. My WordPress menu is supposed to dropdown on hover but I cannot seem to get it to work. In desktop mode it failing to load drop-down menu when hovered and in mobile mode the menu isn’t responding when activated through click. This means that the JS responsible for this does not like being minified. Moreover I am not able to center the drop down, and I am not able to change its background either in elementor or through wordpress>appearance. 5. Dropdown menu not working with fullwidth Resolved fatjonhamza (@fatjonhamza) 1 year, 3 months ago Hi, I have been having this problem for quite some time( since Elemntor I have checked your site and am able to understand the issue. My website’s menu is working on desktops and large screens. ndjfck ptusrve nbeha zxbdp rueng msednlqac bdzst jtvqyto xmfinq paf