Astra theme mobile menu not working android. Hi @hilleiie, sorry for the delay.
Astra theme mobile menu not working android Mobile Responsiveness Mobile responsiveness issues can affect the behavior of hamburger menus on smaller screens. Per page sidebar setting not working (Astra theme) Help Request I'm building a new website using the Astra theme. Scroll-to-top button on Delete the currently installed Astra theme and Astra Pro Addon plugin from your site. It still has the default navigation that came with the theme. I experienced that with several devices. . ” Click on the “Add New Menu” button. I have checked all elements you listed above & any aspects mentioned from other folks posts but haven’t found the working solution yet. It worked fine How To Fix WordPress Astra Theme Mobile Menu Not Showing Issue. It showed working just find on chrome mobile desktop view. April 19, 2021 at 7:42 am. This topic was modified 2 years, 1 month ago by robertag. Mobile menu not working Resolved kamalpandey007 (@kamalpandey007) 2 years, 6 months ago I am using astra theme and after installing lightspeed cache plugin, I am not able to use the mobile menu opt Astra offers an option to change the Menu Breakpoint for Mobile Header at Layout > Header > Primary header > Mobile header. menu on Mobile version isn't working. */} Copy link Author. It's free to sign up and bid on jobs. Hi Sharif, Thank you very much for your time and dedication, to deep into the issue and answer for everyone. Astra Mega Menu. Configuring Astra’s Mobile-Friendly Settings. Here is the screenshot: For your ExS Music theme and Elementor conflicts – once again – it is very hard to tell something without looking onto your staging site. By default the Astra menu is positioned to the right hand side of the page, and the menu item links are aligned to the right also. ] (3. I am experiencing an issue with the menu toggle on my WordPress website when viewed on tablet and mobile devices. Resolved tariqkarim (@tariqkarim) 1 year, 4 months ago. So here is an attempt to change that. I'm Of course, my theme is a child theme of Astra. There seems to be a misunderstanding about this showAsAction property in the menu configuration. My mobile menu on the Astra Pro theme doesn’t drop down on mobile devices. Also, no other users reported this issue with the latest version of the theme. before that, the mobile menu used to work properly. Enable the new No, you don’t need Astra Pro plugin just to have the Cart display on mobile. 7. I cant find any css code to work. Please advise. Kind regards, If you use Astra Theme a lot sometimes you can run into issues of customization options not working in your WordPress. com. on my laptop or desktop When I tap on the the menu on a mobile device (phone), the menu pushes the content downward. display class to your CSS with display: block;; Attach . Last Updated on: July 16, 2024 by Suraj Katwal. But when I go down to mobile, it seems to ignore all the settings and just shows every menu item. Why are the main categories not links, even though they all have links in the WordPress menu settings without any problems. Home / Theme: Astra / Astra Toggle Menu not showing. In the mobile view when the dropdown menu is displayed I get the following issues: All menu items are displayed also for non logged in users; The order of the menu items are alphabetic and not as specified in the Astra is a widely used WordPress theme mostly used for its fast, customizable & beautiful WordPress theme suitable for any website, including blogs, portfolios, businesses, and more. Good to know that you have fixed it. Since you called it that, in order to display that menu, you need to change the call to the menu to reference main_nav , like so: In the mobile menu(Off-Canvas Menu), categories are not links and only subcategories can be clicked and linked. “main-navigation”, “main-header-menu”, etc. It was easy to set up any width px. You jumped into a 4+ months old thread, so your problem must be different. Supporter Working Hours Sun Mon Tue Wed Thu Fri Sat - Hi @Hugoboss,. Thanks I realized, that the toggle button / burger menu has not been working anymore (mobile menu is not displayed). Save. 6 The mobile menu for my website is not working. You think you have done everything right and yet your menu items are not showing in the front end. The issue is that your theme_location does not match the name you assigned when you registered the menu. It appears as the hamburger icon I think they call it and works while in the browser when you shrink it to see what the page looks like in mobile Hello @nicklandry3. main-header-menu . Astra. How to fix Menu not centered in wordpress. I saw several others posting this issue with various versions of the theme. I experienced that with several websites and devices. htaccess file. I understand how the visibilities work that you can switch things on and off in the different views, but as far as I can see I haven’t switched anything off. 18. Don’t worry you won’t lose any data. Only since a month does the off canvas menu not open on mobile. Contact your hosting provider and ask them to ensure the file located at wp-content\themes\astra\assets\fonts\google-fonts. Testing using an actual mobile device didn't show the mobile menu hamburger on the homepage. A menu breakpoint is like a special line for your website’s menu design. 3) and Elementor Pro (Version 3. The page I need help with: [log in to see the Hi @hilleiie, sorry for the delay. Let us know if you need more help, otherwise please mark the topic as Resolved. my previous theme can show the menu bar in mobile without issues tho. viewphoto); } Home / Theme: Astra / Mobile menu in wrong order. The site is using Elementor (Version 3. Solution: Review your theme's responsiveness settings and CSS to ensure that the hamburger menu is displayed correctly on mobile Astra Transparent Header is not working waqassaleem378 (@waqas7431) 2 years, 11 months ago Hi, Astra Transparent header is not working anymore with the Latest Version: 3. 0 of Astra theme/ Astra Addon – You would need to activate Mobile Header and Header Sections addons from Appearance > Astra Options. ExS; Support Threads; Active Topics; Unresolved Topics; Reviews; Tags. The primary and Secondary Menu will not work inside the off-canvas section. please help The mobile menu on the homepage wasn't working, but was working on other pages. Hello support I need very urgent fix on my website. Would you please go to the Elementor Header & Footer (EHF) then check the Navigation Menu widget or the column where the Navigation Menu widget exists and see if the Responsive feature. 0 changed the Mobile Menu to a separate option. It looks and work fine with the desktop and tab mode but when I open it in mobile mode a hamburger icon comes and when I click on this icon the drop down menu is not appearing. astra-menu-animation-fade . SEO, and Blogging. As you'll see in the attached video, I'm in the customise theme area, I change the logo, click publish, but it doesn't work. stack-on-mobile {position: fixed;} Reply. Thread Starter obehii (@obehii) 1 year, 11 months ago you. Astra Toggle Menu not showing. 9 with Elementor 3. Then, you can see the following screen. Navigation not working on mobile. I have checked your website on my Android mobile device and found the Burger menu is working fine. Please help me some to fix this issue. If the menu appears with a default theme, the problem might be related to the Astra theme. So if you Learn how to fix the Astra theme mobile menu not clickable issue in 3 simple steps. Hello, I have been using the off-canvas menu in combination with the Astra theme for a long time. Top. onCreateOptionsMenu(menu); is also added in the code but still the menu's don't appear. Astra, the versatile WordPress theme, offers a range of built-in features and settings to help you optimize your website for mobile devices. After reading other similar forum topics, I tried deactivating WP Rocket and that solved the issue. Was told that the mobile menu wasn't working on the website I made and sure enough when I opened the site on my phone, the menu refuses to open. When i delayed js through litespeed cache pluging the astra theme menu troggle not working. Problem Hello. Try Teams for free Explore Teams. Enable the Mega Menu toggle button here. This is a fresh install of wordpress and the neve theme. It does seem to work on other pages – just not the homepage. If Astra Theme Header Menu Not Opening When Using LiteSpeed Cache With UCSS. Could you please help Hi, I have a problem with Astra Theme free, I use a child theme and when I activated delayed JS from LiteSpeed Cache plugin the hamburger menu on mobile is not working. 1) and have noticed a series of other breaks with Elementor widgets including count Hover doesn't play nice on mobile. Mobile menu WAS working. Hi! My mobile menu button isn’t en WordPress. When I reactive WP Rocket, the issue returns. There's not anyway around this. Post grid not working on Elementor (Astra theme) HELP! I'm desperate after hours of YT tutorials and trials and errors. Open comment sort options. I'm using elementor with Wordpress and Astra themes. Unfortunately, we cannot provide support on third-party plugins/themes issues. Please have a look at: https://dierenartsenzondergrenzen. Resolved midnightxxxx (@midnightxxxx) 2 years, 5 months ago. However, when I go to my website on mobile, every single subcategory is dropped in the menu like a separate menu page. toggle menu on mobile still not working, I think it’s because of Astra theme. And I add some menus to the website. Astra; Support Threads; Active Topics; Unresolved Topics; Reviews; Tags. I google this issue a lot but don't get any understandable explanation or any fix for this. Add the shortcode only. Thread So starting from the Astra v2. If it happens that this option is not working on your website, this document will help you fix it. If it doesn’t help, please start your own thread and provide more information. I have created a custom menu in newspaper theme and it is Context. This issue can be because of the follow If it looks like this, then the Transparent Header should also work on mobile. Hello! I'm using Elementor, Astra themes on my Wordpress website. hi there i am confused its not working in my site theme is also astra. Starter Templates. Decoding mobile menu malfunctions in WordPress. Q&A for work go to your theme setting and then menu or mobile menu setting. Learn how to Fix your Astra Theme Mobile Menu Not Showing Issue with 3 different methods, step by step guide. What's new. I disabled the mobile header in Astra theme via the customizer. [This thread is closed. Please just make sure that you also add the Cart element to the mobile Header from the Customizer. 6. Mobile menu not working on wordpress zerif theme. I didn't have any effect at first, but when I run the custom trigger code (the one from the 1st post) - it worked! Welcome to r/androidroot: A top 3% Reddit community, and the #1 community for How to fix toggle menu not working on mobile device. I am using an Astra theme. Sorry to hear about the issues you’re facing with the Astra theme on your mobile version website header. Not sure if this is a User Menu issue or an Astra issue Hi @rafacastillo1976,. WordPress Menu Dropdown Not Working with Astra Theme and . By default, the off-canvas menu will display all pages on your website just like the default WordPress menu. Kind regards, Learn how to create a mobile menu for your WordPress site with the Astra theme! Our tutorial will guide you through the process, ensuring your site is user-f hi, I use Astra themen, and recently I am having a problem with the menu of my website: the mobile version is not working. When using the old Astra header, you can add WooCommerce mini cart to the primary header with a few simple settings. 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. Desktop view (empty) - Logo - Main menu Tablet view (empty) - Logo - Open/Close button Mobile view (empty) - Logo - Open/Close button Of course I created a menu with the links. Open your store in chrome browser, right click anywhere in page, Click on Inspect, Click on console, Click on errors (errors are highlighted in red) I am using WordPress 6. I have a big website with lot of menus. WooCommerce. It’s the point where the menu layout changes to fit different screen sizes. Herman Asrori (BSF) (@bsfherman) 1 year ago. The mobile menu starts working! BUT the problem is that it excludes all the js that includes the word “astra” so the web speed score decreases since it excludes not only the mobile menu but everything that has “astra” in its name. ; EDIT (comment en WordPress. As you can see from the attached image, it is slightly off to the right. petervdeynde (@petervdeynde) 10 months, 4 weeks ago. The theme has a selection of high-quality free Starter Templates and a wide array of premium templates, allowing you to build any website I noticed that my mobile menu and search bar were not working (it is working fine on desktop). Switching to other themes (such as Twenty Twenty) cures the mobile navigation menu problem. When in mobile view the hamburger menu appears but will not work. This problem solved whenever I deactive Litespeed. js, commenting out AstraToggleSetup(); on line 540 to prevent the Are you having problems with your Astra Theme. Hi @sandipsagar, I'm running WordPress 5. Second, make sure your mobile menu is properly coded. It only toggle the submenu when clicking the arrow. Make your website look perfect on I have the same issue, it sucks. New posts Search forums. In Defer JS Exclusions and Exclude JS. I create a WordPress website using the Astra theme. Unfortunately the Astra theme is not managed or maintained by BoldGrid and our ability to troubleshoot issues with it is limited, but we will do everything we can to help! I was able to find a guide in the Astra documentation that provides some additional insight on working with mobile Reddit iOS Reddit Android Reddit Premium About Reddit Advertise View community ranking In the Top 1% of largest communities on Reddit. Millions of Astra website owners will be affected by this. If you switch to tablet or mobile devices in the customizer, you will observe an off-canvas section. Octavian. Tried to isolate the issue and found that the CSS combine in litepeed cache was the issue. I have not edited anything about the menu and I have no idea how it happened. Menu toggle not working at mobile devices. On Chrome, everything looks good on different devices (tablets, mobiles), it looks good even by using Elementor responsive tools. Since Astra 1. This reply was modified 1 year, 11 months ago by obehii. When I updated Astra (Free) from 4. “Burger” menu stopped working on the homepage after a recent update (it works fine on all other pages). My website running the latest Version: 3. In this video I will show you how to make Astra theme mobile friendly on WordPress. Make your website look perfect on desktop, tablet and mobile devices. You could try adding a click listener with a toggleClass() event for mobile and leave the conventional hover on desktop:. com Forums Elementskit on Astra theme NOT WORKING Elementskit on Astra theme NOT WORKING anzuuue · Member · May 4, 2022 at 9:20 am Copy link Add topic to favorites Hi, I have installed the elementskit plugin to create a header with a mega menu. I've installed the Astra theme and then installed one of their demo sites called Sierra Business. Well, please mark this thread as Resolved and feel free to start a new thread if there is anything else related to Astra we can help you with. On the mobile menu front, the hamburger menu does not open when clicked on. Add . 0. Everything related to the Android Kustom world, KLWP (Kustom Live Wallpaper Creator), From what I can see, you have two menus probably, one for desktop, another for mobile. Follow this guide with images for a quick solution. Create a blank page. No-Code Design. Share. Mobile Menu Dropdown Not working on Mobile. In this case, I was looking at your site and noticed your toggle menu is part of the currently active theme, Astra. Please try contacting the author of your theme for extra guidance. In this blog post, I help you solve your problem of the mobile menu not showing by checking all the little information, such as creating a menu, managing menu location, and customizing the toggle button. css. Improve this Astra’s old header provides some additional options for mobile header editing with Astra Pro, one of them being Swap Sections. LDPlayer is a free Android emulator for PC users to play Android games/apps easily on Windows. Best regards, Seppe Search for jobs related to Astra mobile menu not working or hire on the world's largest freelancing marketplace with 22m+ jobs. To create a mobile menu, go to the “ Appearance ” menu and select “Menus. I am sorry, I missed your message saying WP Mobile Menu 😐. WPML team is replying on the forum 6 days per week, 22 hours per day. Everything looks good on desktop, but the mobile toggle menu does not expand child menus. Why does the mobile menu not display if you are mid-page? You have to scroll Search for jobs related to Astra mobile menu not working or hire on the world's largest freelancing marketplace with 23m+ jobs. The topic ‘Mobile Menu Dropdown Not working on Mobile’ is closed to new replies. Well, please make sure you have assigned the same menu to the Off-Canvas Menu with the same one you have for the Primary Menu. When I press the menu button, nothing comes out. Ask Question Asked 5 years, 2 months ago. Our team will work on it to ensure it gets addressed. The Old Version had an option for mobile breakpoints. A well-optimized mobile menu is your visitor’s compass, guiding them through your site’s content easily. Bootstrap 4 Menu centered when shown on mobile. Looking forward to hearing from you. This is an important problem. Design websites without any coding skills required. It will display a WooCommerce cart Astra theme fix for unwanted border style and outline on mobile submenu toggle - astra-fix-unwanted-border-outline. My Menu has some custom links with subcategories. To add a menu inside the off-canvas section, use the Off-Canvas Menu element from the list. When I tap on the menu and then select the sub-menu from it, the sub-menu doesn't open beneath the main menu (as dropdown) but it hides into the right-side. be/ Deleting cache isn’t helping. If I select Right Sidebar under Astra settings for those Astro Pro – mobile issues – menu and cart twgerber (@twgerber) 2 years, 2 months ago When using this theme (pro) the mobile menu does not work nor does the Cart icon take me to the Cart How to Solve Elementor Navigation Menu Dropdown not Working in MobileIn this video, you will learn how to solve WordPress Elementor Dropdown menu issues. Please let me know How could I sort this out. Step 1: Switch the theme temporarily to standard WordPress theme like Twenty Nineteen. I found the CSS below in an old thread. I am using the Astra Pro with General license. I am using the following versions of WordPress and plugins: WordPress version: 6. Not creating a menu or setting primary menus are some of the main reasons the Astra Theme Mobile Menu is Not Showing. This tutorial provides step-by-step instructions to customi When I view my website on mobile, my navigation menu does not appear. If I replace "Open/Close button" with "Main In the Astra options, the mobile menu should center; the logo, the CTA and the hamburger icon. 6) and checked them on multiple mobile devices, IOS and Android, and the mobile menu works as expected every time. Themeco Community Topic: Mobile Menu button not working | Themeco Community. Regards, Sergio [Solved] Newspaper by tagDiv is not working on Mobile Theme. I'm new at more or less everything. 0. I´m using the menu that comes with the Astra theme. 8. The page I need help with: [log in to see the link] I am having the same issue here with my Avada theme WordPress site. I have selected off canvas so it should be showing. 2 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 Solution: Simply check to see if there’s any theme or plugin that needs to be updated and do so. Viewed 3k times -1 . Teams. But you may have to keep your off-canvas menu same as your primary menu. the mobile menu apparently hidden by default, and when displayed on mobile, the mobile menu shows up and the desktop menu gets hidden. The dropdown menu also goes behind the pictures on some of the pages (not the front page). Solutions; Products; Support; Partners; Open Source Menu. Any suggestion? thanks! Why does the mobile menu not display if you are mid-page? You have to scroll back up to see the dropped down menu. The strange this is the menu does drop down when I am editing the mobile version via WP Customizer. Responsive editing is so easy with Astra Theme built-in options. They are working on a fix: “We’ve reported the issue and added it to our to-do list for improvements in the AstraToggleSetup. Old. I have checked your website and found the mobile menu is working fine. I double-checked it was working in the elementor preview and in chrome dev tools, but it just won't work on an actual mobile device. 1stclass May 16, 2022, 7:35pm #1. Checked which menu the off canvas menu is showing and indeed it is assigned to main menu correctly. This method solved my issue. com Forums Astra theme plugin 'Astra Starter Sites" not working, although it worked before Astra theme plugin 'Astra Starter Sites" not working, although it worked before janiksan · Member · Sep 23, 2019 at 10:56 am Copy link Add topic to favorites The plugin ‘Astra Starter Sites’ does not load any of its sites, it just Also make sure your mobile devices are not running in Low Power Mode if you’re targeting iOS 11. I cant go back to the old Header Builder, because I use the following set up: Above header Menu 1 (Logo) Menu 2. When a product is added to my shopping cart, the off canvas menu and shopping cart will open. Mobile menu in wrong order. 0 update you can alter Astra theme’s Tablet & Mobile breakpoints with respect to the page builder’s breakpoints. Once you see the submenu stops working, the last plugin you just Hello @sophia123 ,. It works fine on desktop and mostly works fine on mobile except the menu pages are not in the Hi, my menu is white color and I wanted it to change to gold color on hover (see screenshot), but that doesn’t work, it work only if I set hover in transparent header > design > menu color > hover. Next, visit your website on a mobile or tablet device and confirm sticky header and other UI work proper on page scrolling. For any website, ensuring that your site’s mobile menu is functional and user-friendly is necessary. Theme and Plugin Conflicts: Temporarily switch to a default WordPress theme (like Twenty Twenty-One) to see if the issue persists. The menu toggle is barely visible, and all the menu item How to fix the issue? Using a small set of CSS styles will fix this issue. Search for: Search forums. 5. Android options menu not displaying. Test header menu by opening and closing in desktop and mobile device screens. a transparent menu color does not work on devices with a width from 768px to the Menu Breakpoint width. Mobile Menu / Off Canvas. When I disable When you try to open the menu from mobile the menu is not opening. 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. Step 3 : If the problem is solved, activate the original theme and plugins again Toggle Manu (Hamburger Menu) of the new Astra header/footer builder is not working at Mobile devices. This way, the Mobile menu will have the same Menu of the Desktop menu, including the submenu, if you have it on in Astra Post Editor the Toggle "Hide Title" is disabled under "Single Post Settings" the option "title und blog meta" are visible Sure I can make my own title with a heading widget. thek9way. The theme is easy to use and has been designed to be accessible to those new to WordPress and those with more experience. :where(body, iframe, pre, img, svg, video, Click on the mobile icon and add off canvas menu. Somehow my toggle menu button is not working for smaller devices, this work well on other pages but not on homepage. Anyone know how to fix this problem? The page I need help with: [log in to see the link] Hi there, in this video i will fix a issue which comes with Astra Wordpress theme default settings which is to open sub-menu while clicking on the link . 4. The information I find in the many stackoverflow answers always seem to be incomplete. 0 version you can change the header's breaking point in the customize menu, refer If you are below version 3. Problem is, I am checking it 'live' by using the code Flywheel can generate and both of the images are not displayed, I can only see a grey colored square instead. Working on my first site using bootstrap and cannot figure out why my menu works in the browser but not on the mobile. Is this a known bug in 4. Display on Mobile Devices: This setting lets you choose whether you want to display above/below 1. Sort by: Best. Just head to Astra customizer, under header section click on the menu gear icon and click disable via mobile. The menu does not show on a mobile browser, and sometimes, the Mobile Menu is not clickable. 2 and the Astra theme. The menu works perfect for the desktop interface when the full menu is displayed. change the color to #000 or black. Tried but still menu's are not appearing. php: Astra_Builder_Header::header_mobile_menu_markup() Call Mobile Menu Markup. The icon is displaying(3 lines) at top right hand corner of homepage on a mobile but when you click on it, nothing happens. but then the blog post widget displays the title twice (the page title + the manual heading widget title) In Astra theme, mobile menu toggle is a Hamburger Icon with three lines ☰. However, most new users will face certain problems while installing this. So, in theory, my mobile menu should have a couple of custom links with hidden subcategories, but instead of that when I click on the menu I see all pages and all subcategories. Please fix this as soon as possible. . Both the Header and Toggle Button are working fine on Simply adding CSS will not help since the theme and it's CSS and PHP rules depend on breaking points - CSS breakpoints are points where the website content responds according to the device width, allowing you to show the best possible layout to the user. Viewing 3 replies Astra header is not working on mobile wolfshape (@wolfshape) 1 month, 2 weeks ago Hi All! I am experiencing problems with the responsiveness of my header in the astra theme. g. To test sticky header code in Astra theme, first visit your website in desktop site and confirm header work proper on scrolling action. To find the setting, from the WordPress dashboard navigate to Appearance > Customize > Header > Primary Menu > Last Item in Menu and choose WooCommerce. This is the menu Activity: public class AndroidMenuActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super. I am developing my first WP site and now have several pages set up and included in a menu. I have lot of menus in PiEmbSysTech. Sometimes I've had the dropdown appear under my first section so I thought it could be the case here. we covered the issue of the menu dropdown not working properly in the Astra theme when using the Header always set Content-Security-Policy "default-src 'self' unsafe-eval" directive in the . The reason for this issue is the WordPress Astra theme 3. Make sure you have activated the WooCommerce plugin. I hope this can be useful. All I need, is a custom css code for 1762 px width. 3, everything was working well again. Step 2 – You can see the above, primary, I updated today from an older Neve theme, and the Top Menu Widget has stopped working on mobiles. on("click") listener with toggleClass("display"); on ul only if viewport width is equal or below 414px (feel free to adjust viewport width value to your benefit). New. Builder. Step 3 – Expand this menu item and click on the “Astra Menu Settings” button. Css mobile Home / Theme: Astra / Mobile Menu Dropdown Not working on Mobile. 7 corrects this, but the fix is not applied automatically to existing websites. My website’s menu is working on desktops and large screens. Astra Menu Toggle. Astra; Support Threads; Active Topics; Unresolved Topics; Reviews; In: Themes Astra Mobile menu not working with litespeed cache. How to Add Faced the same issue with Spectra and Astra. Viewing 1 replies (of 1 total) The topic ‘Transparent menu in Astra theme is not showing up on mobile and tablets’ is closed to new replies. Can you imagine the “Toggle Menu” of a website is not working on a Mobile device?? It means, a website without a menu. ADMIN MOD Astra: Knights of Veda not working . layout. I understand that you woke up to find a massive padding added to the top and bottom of the logo on mobile. Please make sure you have added the Off-Canvas Menu element to OFF CANVAS section. It works fine on desktop. Do you want to learn how to make Astra WordPress websites mobile perfect? edit: Nevermind, the hamburger icon is not pressed at all here. when i start it i get this warning Share Add a Comment. 3. Step 1 – From the WordPress dashboard, navigate to Appearance > Customize > Header Builder > Primary Menu. I can see you are using our Elementor I am experiencing an issue with the menu toggle on my WordPress website when viewed on tablet and mobile devices. At random, the mobile “hamburger” menu icon is not opening my mobile menu. htaccess Configuration. But when I browse the website from a web browser on a mobile device, it will not show the menus on the web page as expected. Step 2: If the issue still persists, deactivate all plugins for some time. When I view my website on mobile, my navigation menu does not appear. I would suggest you check once by clearing all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache If you are using the Astra theme and your navigation has multiple levels, you might look for a way to modify the appearance of the sub-menus — the dropdown menu items. Modified 5 years, 2 months ago. Somehow my toggle menu button is not working for The top nav has 4 main navigation tabs with multiple child and sub-child menu items which currently do not display on hover. When I switched back to 4. This will enable the mega menu options for all Hi @drr0ssi,. I tried both chrome and safari in iPhone 13 Pro. Mobile menu is not working (collapsing) anymore. Here is the code if anyone else is having the same mobile menu issue: /* To correct Astra Pro 4. ) but couldn’t get that to work. It does change the colour and position of the icon but not expand functionalities on it. First, ensure you’ve configured the mobile menu correctly under Appearance > Customize > Header Responsive editing is so easy with Astra Theme built-in options. ast-flex . Refer to this screenshot, please. October 30, 2017, 7:01am #1. 2. Kind regards, Herman 😊. ast-nav-menu . Android Menu not showing up. Ask Question Asked 6 months ago. You can add the custom code using either customizer settings or directly accessing the Astra child theme’s style. Features. thanks for the reply, i have ezoic. Astra Theme Mobile Menu Pushes Content Downward. Adjusting the Header and Footer Also, If you have a transparent header enabled on your site, the above options might not work for you. I have tried the fix from. I use the latest WordPress release 6. Elements in Header/Footer Builder With Astra Theme and Astra Pro FAQs – Astra Header/Footer Builder – Existing Customers Clone The menu is not functioning on the home page header of our website. If your menu is not coded properly, WordPress will not be able to display it. Home / Theme: Astra / Mobile Menu / Off Canvas. The mobile menu is now expanding fully after adding the provided CSS. Everyone can read, but only WPML clients can post here. Astra is one of the most popular WordPress themes globally, with 1 million+ active installations. I have selected off canvas so i if you include the word: astra. Let me know any further comments. Mega Menu. ethanzeelie (@ethanzeelie) 1 year, 10 months ago Turning these two options on makes the webpage considerably faster on tablet and mobile devices, however, when doing so it breaks the header menu on these devices. Having trouble with Astra theme customization on your WordPress website? In this video, I’ll walk you through step-by-step how to resolve issues with the Ast After updating theme to latest version. 0, we have introduced new breakpoints for new users they are, for Tablet = 921px, for Mobile = 544px. When you click on the menu the screen will dim but nothing else will show. 2; WooCommerce version: 7. I tried changing the JS setting to Deferred, and it works but sacrificed the page speed score from Google. The menu that is not showing is actually an external link, doesn't lead to another page on the website. 3 to 4. In: Requests and Feedback; 1 reply; 2 participants; Last reply from: !Benni; Last activity: 1 year, 6 months ago; Status: not resolved; Choose the menu location to display for your mobile menu in the widget settings: Restore Menu Alignment. I mostly publish tutorials on GeneratePress, Astra, Kadence, and GenerateBlocks. When Max Mega Menu is enabled the menu will be positioned next to the logo. It supports a wide range of compatibility in running high-performance, high-graphic mobile games on PC. 4 I realized, that the toggle button / burger menu has not been working anymore (no menu displayed). Build site effortlessly with Astra's intuitive site builder. I checked with plugin compatibility – no obvious issues discerned. I also noticed that there was a large white space below the footer on mobile. 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 show up. When you registered the menu, you called it main_nav . I have also checked on other devices too using the Browser Device tools and it worked too. New posts New profile posts Latest activity. Since I don’t see Customizing > Off-Canvas settings, I assume the theme doesn’t use it. Then I New Update. Result: Never added that attribute. json has the correct permissions. Note I have the free astra theme for now, and one menu in the Primary location. In this section, you’ll find a detailed walkthrough on how to In the theme's additional CSS I’ve tried using white-space: nowrap; on some of the classes I could identify (e. css file. Any help would be really . The topic ‘The mobile menu for my website is not working “ASTRA theme”’ is closed to new replies. Q&A. Resolved obehii I had the problem with my menu not showing in mobile browser too and had it solved. The button closes the menu. I would like the button “Servicio” to bring up the submenu no matter which part of it is clicked. Instead of displaying a modal menu of links, tapping the hamburger icon just shows a semi-translucent grey modal with no links on it. ast-menu-toggle:focus {outline: none; /* Add !important if needed. the desktop menu still works properly. The topic ‘Elementor’s hamburger menu not working on mobile’ is closed to new replies. I tried to fixed this issue but i wouldn’t found any solution. Option Menu does not appear in Android. Anyways, I rarely use the nav menu's dropdown as mobile menus on my Elementor sites. Controversial. Refer to this screenshot, please. it was working but stopped working over the summer. Viewed 33 times 0 When I tap on the the menu on a mobile device (phone), the menu pushes the content downward. Responsive HTML Menu - Centering Issue. Settings can be found under Appearance > Customize > Header > Above/Below Header > MOBILE HEADER. where am i wrong? View post on imgur. I just discovered like a day ago that suddenly my mobile menu doesn’t work at my site anymore but it works fine on a regular computer. Explore Teams. So that I get a mobile header below that value. Solution! In our Astra v2. In that case, please follow the steps below to change the color of the menu items, After step 2 above, please click on the Customize Sorry to hear about the problems working with the mobile menu button in Astra. 16 thoughts on “[Solved] Newspaper by tagDiv is not working on Mobile Theme” 1. Result: Menu's still don't appear. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Hopefully someone can help me. Site Builder. ” In the meantime, I was able to fix it by using the non minified version of Astra’s frontend. Kind regards, Herman 😊 Learn how to change the mobile menu toggle button style in the Header Builder of the Astra theme. Result: super. Unfortunately the Astra theme is not managed or maintained by BoldGrid and our ability to Mobile menu issues in Astra are often related to JavaScript conflicts or missing settings. Astra theme fix for unwanted border style and outline on mobile submenu toggle - astra-fix-unwanted-border-outline. Sorry to hear about the problems working with the mobile menu button in Astra. 4? Is there any workaround? Mobile Menu Not Scrolling on Astra Theme? Recently, I was working on a website that had the Astra WordPress Theme along with Elementor Page Builder plugin builder. According to the Astra docs, this is supposed to be possible using what they call 'page meta settings'. onCreate(savedInstanceState); setContentView(R. Forums. if you include the word: astra. Just in case, you unintentionally hide it on tablet and mobile. I have read some threads about similar problems and tried Astra Mega Menu. The site overall has no sidebar, but I would like a sidebar on my two blog pages (it's a bilingual site). I’m using the astra theme. 1 upgrade issue - mobile menu not expanding fully */ #ast-mobile-header . Everything was fine until I started to work on and edit the mobile navigation. Home. [Closed] WPML language switcher is not working with the mobile menu with Astra theme. The funny thing is when I tip the phone from portrait mode to landscape the Top Menu modal +does+ work as expected. I also tried deactivating the plugins and clearing the cache but nothing works. my menu is not showing on my mobile but shows when I am on the desktop. content-align-flex-start { max-height: fit-content; overflow: auto; } My wordpress site's menus are not showing correctly on mobile phone. Support. The this is Look for any CSS rules or errors that might be affecting the visibility of the menu. We provided a detailed guide on how to troubleshoot and resolve Home / Theme: Astra / Mega menu is not opening in Astra. In most cases, this file should have a permission setting of 644. When I browse the website from a web browser on a desktop computer, all the menus can be seen correctly. piembsystech (@piembsystech) 1 year ago. burger menu; Essential Addons; In: Themes and Templates; 5 replies; 2 Elementor menu not working on mobile devices. I’m using Astra 3. I do have “proxy cache purge” plugin installed. Add a Comment As the question says, its not working. Menu not showing in mobile Astra Theme healthtechie1 (@healthtechie1) 1 year, 1 month ago Hi, my menu is not showing on my mobile but shows when I am on the desktop. And Litespeed cache seem like causing this issue: my menu on mobile version still display but not working. The environment is Astra 3. Best. I am using a plugin called User Menu to show / hide menu options based on login status / roles. For some reason suddenly the dropdown menu disappears fast when you try and click the menus. Install the downloaded zip files in step 1, just like any WordPress theme and plugin. Add the page to the menu. 52 and Astra theme – latest update – but I have had trouble with the visibility of my header when I switch to mobile and tablet view. Astra Pro Addon version 3. Mega menu is not opening in Astra. I disabled all the menu information in theme customisation. How can you replace that three line Icon with a different Icon please? Thanks 😊 Share Sort by: Best. Not sure what triggered this. In the “Menu Title” field, type a title for your menu. submenu-with-border . I replace the menu with a menu button that triggers a popup that servers as the mobile menu. The menu toggle is barely visible, and all the menu item titles are shifted to one place, overlapping each other. If you’re on Chrome For Android, Data Saver mode will also prevent auto play and thus won't show the video. i have noticed this problem happened since I added a new page on my website (and consequently a new voice on the menu) a few weeks ago. Then a slide-in popup will open on the right side. I actived header/footer and megamenu, I’ve created the template for the Home | DigitalAcce 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. 2. Hope Used By; Used By Description; inc/builder/markup/class-astra-builder-header. marklchaves commented Jul 23, 2021. It used to function just fine, – the Off-canvas menu option is set and toggled on. The nowrap option did work when applied to a header button ("ast-custom-button" class). Although, at the moment I write this down, your site is not working, as seen in this screenshot. 1. Seems like the issue is with Astra. Modified 2 months ago. Resolved gimyd (@gimyd) 2 years, 9 months ago. Sub-menus are working correctly on computer/laptop screen but creating issue with mobile phones. This is the technical support forum for WPML - the multilingual WordPress plugin. However, WordPress mobile menu issues can be like a complex puzzle. Let’s dive into the key steps to leverage these capabilities and ensure your Astra-powered website is mobile-friendly. I deactivate my plugins one by one. My shopping cart won’t open either. pumums mkluy klw oyha wczx puyna ehda smgycu rfmswfz xzr