Anyway, you can warn Elementor's team about the issue on: https://github.com/pojome/elementor/issues. Just created a test page without the 100% full width setting but with a right sitebar.... mobile menu works. Full width on mobile. I have replaced the default header and top bar with my custom header made by Elementor by way of the Theme Panel of OceanWP. Just make sure that you haven’t any browser extensions enabled like … So I searched all served scripts to see if any of them was using this expression. Only problem is the site title is showing above my custom menu. But it's the only page element appears on. See live.celebrayt.com to see what I'm talking about. https://www.womenofthelens.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=1.6.5. Inroduction. Marva J. L. I've attached a copy of the screen shot of the error message I now see when But now I want the GP navigation to be displayed as I’ve found the Elementor’s widget to be not too responsive. No promises though. I have a clue which might lead us to the solution. #3 Update Button not showing in Elementor. I’m using Elementor, all is great by now, except the header menu, that is not showing at all. Hi, Sign in @griotsarts can you update your Elementor and see if that solves the problem. Error: An "el" #elementor-panel-elements-search-area must exist in DOM The issue still exists against the latest stable version of Elementor. Turns out that elementor is using a JSON to set the layout, which contains the expression 100%. So we can’t update that page and changes that you made will be unsaved. On a clients site (reparatiedienstmpm.nl) the mobile menu was not showing. I can create a second header for mobile as well, but I’d like to use the built in mobile menu. You can choose to Show / Hide a Section according to the device. Can’t see Mobile Menu; is it a problem with Elementor? I would like the navigation over the slider so the slider (on the homepage) and the backgrounsd image on the other pages shines through. please contact our support at support@elementor.com. Laurens M. This began after the recent update of Errors: A mobile friendly, responsive t I cant see the attached screenshot?? Hello, when you create a custom header, it replaces the default header, so what you need to do it to create two headers in your custom header template, the first one for desktop and the second for mobile. Join the Best Unofficial Elementor Support forum. User account menu. In my case, I use twenty seventeen theme and the editor would look like below. If your styles are not applied after saving them, it might be due to a caching issue. I'm using the Astra theme with instances set to the entire site but the header doesn't show up on any pages. Footer Options. That's it guys.... that works. I played around some more with the default header options and I liked the oceanwp Medium header. <. By clicking “Sign up for GitHub”, you agree to our terms of service and This is very easy. ... nav menu getting pushed down in home page only. The site was designed by someone else (who stopped responding to the site to help the site owner. Mobile ready. Problem: I am using Elementor to create single post templates. I have some problem with my menus. please contact our support at ***@***. Jan 29, 2021; Please delete. The most common list of Elementor errors include Elementor widgets panel not loading. You signed in with another tab or window. If you have an intro and exit animation set on tablet and mobile view, it will create this bug, and the popup won't close. If you want to add a mobile specific menu to your WordPress website, but your theme does not provide you an option to do so, worry not! Solution: Instead of placing the Elementor template shortcode in the Page, place it in the loop of a View that returns some post or posts. I asked around on the OceanWP facebook group and we've come up with this. Can you guys look into this and get beck to me? Responsive. My first time actually using Elementor so learning I've updated and still no joy. The topic ‘Can’t see Mobile Menu; is it a problem with Elementor?’ is closed to new replies. A while ago, I made a tutorial showing you how to build your own custom header with Elementor.. That tutorial relied on a 3rd party plugin to handle the navigation menu.It wasn’t a bad solution… but at the time, it’s all we had.. Until now, Elementor has been purely … Elementor is a page builder plugin for WordPress. I had to disable Defer Render-blocking JS. I will do.... Marva J. L. It is showing well but I want to display this header menu only for desktop, and use the OceanWP Mobile Menu for tablet and mobile. The point at which these adjustments are made is what we call breakpoints. I used the menu widget from Elementor, along with the plugin Header & Footer Elementor to display it easily. https://www.womenofthelens.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=1.6.5, TypeError: Object doesn't support property or method 'showView' *** ***> wrote: Save your time with us! However, when you start creating a page with Elementor, you may see the default header and footer from your theme. We’ll occasionally send you account related emails. The text was updated successfully, but these errors were encountered: You seem to be using a 3rd party plugin "NavMenu Addon For Elementor" which is not affiliated with Elementor and we cant really support it. When your styles … This issue is quiet simpler. This reply was modified 2 years, 11 months ago by. I can see it in the “Customize preview”, but when I’m going to try the site, the header simply disappear. Ramon K. Menu: Select a menu you’ve previously set up via Appearance > Menus; Layout: Choose a Horizontal, Vertical, or Dropdown layout; Align: Set the menu item alignment, either Left, Center, Right, or Justified; Pointer: Select a pointer, either None, … When hiding an element, and switching to the view it’s hidden on, you will see that this element is “muted”. Ramon K. I'm using elementor with Wordpress and Astra themes. See an example in the attached file. Edit: Also, I thought if I used Medium header instead of Custom header (under Menu Style), I could use the oceanwp mobile menu, but the mobile menu still doesn’t show up on my pages. Sign up for a free GitHub account to open an issue and contact its maintainers and the community. If you are committed to perfecting your main navigation menu on ALL screen sizes, chances are you will need to use customize your menu using media queries and adjust certain breakpoints. ***> wrote: Thanks fifor r your feedback. @griotsarts seems like a different issue. homepage, but works on other pages. This is the most annoying problem users face as this makes the page builder unusable. disable any builder plugins as the site is live, so was thinking of copying If you are using any plugin for optimization then You just need to disable Defer Render-blocking JS and CSS and your issue will be solved. 1 I did this: the background image lines up straight under the nav menu. These 4 simple steps will teach you how. Our plan for mobile is to have the two quarter-width columns become two half-width columns and the half-width column become a full-width column. ***> wrote: Hi Raz, Otherwise, the template does not know which post you want to display. It could be possible to make both sticker header? Menu button, not clickable on mobile but clickable on PC. The most common reason why the changes you made are not displaying on mobile is because your browser is showing an old version of the page it downloaded previously. Layout – Choose between 15 layout configurations, ranging from one column to 5 columns. Bloomberg delivers business and markets news, data, analysis, and video to the world, featuring stories from Businessweek and Bloomberg News on everything pertaining to technology Real nice to hear it! I'm not sure where the original designer used When I view on mobile using elementor on the PC it says that they should be showing. So you built your beautiful web page with Elementor, and now you are a little bit shocked after viewing your page on mobile for the first time. it for the home page. You are receiving this because you were mentioned. Hi there, I have a couple of problems with Elementor, the first problem is that when I implement my menu with the navigation menu widget or any other menu widget my dropdown menu is not displayed. Is there a shortcode or something? at 2. I will try to do tomorrow morning. Mobile menu will start working. myself Marva. Follow our step-by-step guide on how to do it effectively. We can't really see where on that page you are actually using elementor. For some reason suddenly the dropdown menu disappears fast when you try and click the menus. But in Desktop display, they are normally show as … Or you can use the full-screen overlay menu as an extension to hide/show additional links. Support » Theme: OceanWP » Can’t see Mobile Menu; is it a problem with Elementor? owner) and they used Elementor, Beaver Builder and Ocean WP. Can’t edit header in Elementor? Laurens M. Menu Typography – Full controls for menu items + main and hover colors. Following as have had same issue, am about to make a copy of the site to see what happens when disabling all plugins etc. By setting the mobile menu to full width, you can have the mobile menu display in a limited width when closed (when only the hamburger icon is shown), but spread to full width when opened. Create A Mobile Navigation Menu Step 1) Add HTML: Example ... /* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */ function myFunction() { var x = document.getElementById("myLinks"); privacy statement. Menu Animation – Choose between Fade, Slide Along or Slide on Top. Full-Screen overlay menu can be a good fit for a small website with a limited number of pages or content. ... the above seems to show add to cart buttons on iPad and desktop but when on mobile it doesn’t show. I am just trying The Advanced Menu Elementor widget can help you build off-canvas and full-screen overlay menus without having to worry about code. Hello, you need to use the Custom Header Nav widget for your menu. page and see if I can figure out the problem offline which is what o had I'm nervous to But Site Title / Logo is still showing under the Medium header setting. Ramon K. Lord Thats good to know, when I raised the issue with them on WP forum they didn't seem to want to know. Hope you can help me. In the … @griotsarts Already on GitHub? On 12 November 2017 at 12:13, raz ohad ***@***. Craig K. I need to make a stink header for my web site I am thinking about buying the pro widget bundle of OceanWP but first I want to know two things: 1. Elementor widgets stop loading when you use a lot of plugins, multiple essential elementor addons or if there’s limited PHP memory on the server. Hi guys in this tutorial i will show How to Change mobile menu toggle icon in elementor. When I try to display that template on a custom page, none of the custom fields display any content. I have not edited anything about the menu and I have no idea how it happened. have you tried with the menu that is now embeded in elementor, and so you can disable the plugin "NavMenu Addon For Elementor" ? On a clients site (reparatiedienstmpm.nl) the mobile menu was not showing. As I am going to create a dedicated page, I would like to hide header and footer in Elementor. I will give you the code to do this 🙂. Elementor Forums and Support community for the Wordpress based Elementor Page builder. Elementor and OceanWP There appear to be Javascript errors on homepage @bainternet The printscreen I've posted is just to help @LaurensM. Hey! even better a copy-paste from the admin "system info" panel. Hamburger Icon cannot show the menu when I clicked it on Mobile & Tablet Display. Just to clarify my line of thinking: I see on the console that JQuery points to an expression, "100%", which is breaking the code. As you see here, the Green Update button in Bottom is not visible here. Perhaps should just clone the The main navigation is not being displayed. https://www.womenofthelens.com/wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5, TypeError: Unable to get property 'reset' of undefined or null reference That comes from a user has just begun to use the tool. https://github.com/pojome/elementor/issues, https://github.com/notifications/unsubscribe-auth/AUTmmFWzN7EuGJM4P8hi0pncunRuoCfWks5sztoNgaJpZM4QRT4g, https://github.com/notifications/unsubscribe-auth/AUTmmNXFIaNHuiSvoM2tCfe_DMx5f-6Oks5s1qUmgaJpZM4QRT4g, https://github.com/notifications/unsubscribe-auth/AUTmmKsxK7LDEjY-14Ftb5ItBlTsc-YOks5s1uEFgaJpZM4QRT4g, https://www.womenofthelens.com/wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5, https://www.womenofthelens.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=1.6.5, https://github.com/notifications/unsubscribe-auth/AUTmmC5EUQmMs-jA8cJ0x0_mX3zJP9jlks5s2r7sgaJpZM4QRT4g. Is there maybe something that I’ve not done, or … 2 Now the menu is not visible on homepage with Elementor Pro slider. Learn How to Edit Header in Elementor Without Bugs. You might have got it Ramon K. as the error is Uncaught Error: Syntax error, unrecognized expression: 100%. On 12 November 2017 at 07:58, raz ohad ***@***. Header not showing up when I use Elementor Pro theme builder template. MicroStrategy CEO Launched Free Online Course about Bitcoin. On my custom mobile header, I can add a little hamburger but I don’t know what to link it to. Marva. With the pro version there is a way I can use a custom header 1 for my desktop version and default header for the tablet and mobile version? — If you are using sg optimizer or other optimization plugins then disable Combine JavaScript Files option and purge cache. other wordpress themes When clicked on the 'hamburger' this link shows https://reparatiedienstmpm.nl/#. For my site, Combine Javascript was already disabled in SG Optimizer. I inspect the front page. Problem. I am using a plugin to add the mobile menu as I want, and it works fine with Elementor’s custom header. USING: Ocean WP Free + Elementor free ** this issue is just in mobile view ** The sidebar mobile menu show an undefined tag, the templase chosen is: ELEMENTOR CANVAS. When I start with a large screen, the menu is displayed correctly. Posted on February 10, 2021 When clicked on the 'hamburger' this link shows https://reparatiedienstmpm.nl/#. Mobile friendly. also, can you provide a URL? I’m using Elementor to create a custom header as well. at Also thanks for answering my previous question, it helped me. thought to do originally, On 15 Nov 2017 10:37, "raz ohad" ***@***. I thought maybe it's to do with the fullwidth issue as someone else It allows to add, edit, and delete pages, use various templates to create websites of all kinds. This is because Font Awesome is not loaded. On your custom header, open it with Elementor, and on the side panel, search for Custom Header New and add it instead of your current nav. All you want to do is check your new site updates on your mobile device, but they are not showing up! We can use any icon from fontawesome icons. Marva. We can't really see where on that page you are actually using elementor, In the customizer I selected “without navigation”. It’s not a problem. Thanks for your reply, the mobile menu isn't working on the site's