46 comments found.
Hi there, site for reference: -I am experiencing an issue with the mobile menu button sometimes not being functional until I click it a few times for it to react. Is there a way to increase sensitivity of the button push?
-Also where can I change it to not do a transition between the burger menu button and the X? Instead I would like for it to switch between each other without a transition.
Sorry here is the site for reference: https://bit.ly/2QBOawa
I checked your site on mobile. I couldn’t see an issue. Menu buttons are clickable.
You need to edit airmenu.css to remove transition effects. You can find it on source/airmenu folder of the main zip file downloaded.
Remove following codes from line 46-48 and 79-81:
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
transition:all 0.6s;
Then, open Plugins / Plugin Editor. Select “AirMenu” from the right selectbox. Open airmenu/airmenu.css and copy source codes in it and Save.
I can do it easily if you can send me wp-admin login info.
Hi I have deleted those parts and it seems better even though it seems to still do a transition. Please check on your end if it feels right Additionally, as to the responsiveness on the button, please compare our site menu button responsiveness with this example site mobile menu: https://bit.ly/2ZYoxdt
What I think it happening is the button response area is very small on the Airmenu because if you click the corners of the burger icon, it flashes but doesn’t open the menu. I can gladly email you a screen recording showing the issue. Please advise.
You can change button area width-height or padding via the same CSS file.
Is this the code I need to modify? .menu-btn-open{position:absolute; display:block; width:24px; height:16px;line-height:1px} Please advise which code and how big I should increase the numbers without breaking the operation. Thank you!
Yes. You can add the following code into .menu-btn-open and .menu-btn-close:
margin:15px;
Loving this menu plugin so far and most things that are typical fixes have been found in the comment section. AthenaStudios has been a great help so far in support but I can’t seem to fix this one thing by myself. One issue that we are having is that on one specific page, our Portfolio page, the CSS we set to be the font in the menu does not show. All of our other pages when you click the mobile menu reflect the CSS changes but only this one page shows the default font and styles in the mobile menu. I have moved the CSS over to the airmenu.css at the end of all the default CSS in that section. Here is what I added: .airmenu{font-family:abel !important; font-size:13px !important; font-style:normal !important; font-variant:normal !important; font-weight:100 !important; line-height:10.8px !important}
I have even tried to delete the Portfolio page and copy the Elementor Template page to a new page I renamed Portfolio and the menu still does the same thing. Am I right to add this to the end of the CSS in airmenu.css?
Can you write me a demo url?
“Abel” named font CSS isn’t included in portfolio which is in homepage:
<link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Montserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CAbel%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&ver=5.3.2' media='all' />
You can add the Abel font to the theme by Appearance / Customize / Additional CSS:
@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
Put, the above code at the 1st line of the text field and Save.
In addition, I’ll be so happy if you can rate my plugin from Downloads.
Adding the font was exactly what was missing! All is good now and everything shows as needed. Thanks so much for the support!
Notes for others using this plugin: -If you want to change the font of the menu, make sure to first add the font via Customize/Additional CSS You can add Google Web fonts like that: @import url(‘https://fonts.googleapis.com/css?family=Abel&display=swap'); Select one them and click on “Embed” section. https://fonts.google.com/ Then go into Plugin/Plugin Editor/AirMenu/airmenu.css and put add in this code at the end: .airmenu{font-family:abel !important; font-size:13px !important; font-style:normal !important; font-variant:normal !important; font-weight:100 !important; line-height:10.8px !important} Adjust accordingly to your needs.-If you want to change the mobile menu from being centered on the page: Open Plugins / Plugin Editor. Select AirMenu from the right selectbox. Open airmenu/airmenu.css. Remove following code for the vertical align top:
.airmenu .menu-lightbox .tbl-cell { vertical-align:middle; }
Thanks!
For those that enable mobile menu but your old themes mobile menu button is still there on top of AirMenu Hamburger Icon, add this CSS this in Customize/Additional CSS: .ast-header-break-point .ast-mobile-menu-buttons{ display:none; }
Menu gets the font from your theme style.
Hi there.
I was checking to see the appearance in case of a long menu (+multiple sub-menus), but your demo doesn’t even have a scroll function if the vertical menu exceeds the size of the window. 
That deserves an update…
Have a nice day, Tim
It auto scrolls in mobile.
Hello, How do I change the burger Icon from white to another Color
Open, source/airmenu/airmenu/colors/light.css
Make the following code separate from others:
.airmenu .menu-btn-open,
.airmenu .menu-btn-close {
color:#ff000;
}
Where #ff000 is the new color.
Then, copy that css code by Plugins/Plugins Editor to AirMenu plugin source code.
Hello!
I’m interested with buying your pretty AirMenu. However, I need to ask for one thing: is it compatible with the Elementor plugin, Header Footer plugin for Elementor particulary? It is important for me.
Thank you for your reply and have a nice day! Dorota
Sorry! I didn’t use it with Elementor. Also, no need to use it. Because, you just should add the menu container.
Hi! I’m a developer but I cannot find where I can make the parent menu item “unclickable” i.e. just display the sub menu dropdown. Right now, you have to click on the tiny arrow to display the submenu, otherwise it redirects to the parent page. Renders the dropdown function virtually useless bc it’s not intuitive for users to click that tiny arrow. Can you point me to where I can fix that in the backend?
Copy source/airmenu/jquery.airmenu.js into airmenu-wp/airmenu folder.
Go to line 150.
Replace:
this.element.find("i").on("click", function(e) {
With:
this.element.find(".menu > li.menu-item-has-children > a").on("click", function(e) {
Hello – I’ve used your plugin on two sites and its perfect for what I want. However… I’m getting hundreds of console errors on the sites I’ve installed it on.
Here’s one of them: http://staging.seedcreativity.co.uk – the errors just keep moving up the longer I leave it… Can you help, please?
I can’t see my item on your site as working.
Hi, Apologies, I should have mentioned, it’s only there in mobile view. So if you shrink the width of your browser screen, it will show up when it gets small enough. It’s just a media query.
I checked it. No error occurs by my menu. And also, there’s no another error on your site.
Hhmmm we might be seeing different things… is there a way to send you screenshots so I can explain further?
I get lots, like hundreds of console errors that keep duplicating the longer I leave it. But it stops when I disable your plugin.
Let me have another check, but in the mean time, how can I send screenshots? 
You can mail me: athenastudio87@hotmail.com
Nice item. It worked well. I changed my theme and now the menu button is 3 tiny dots, it used to be 3 lines.. The dots are very hard to click and the lines were a little difficult. I’m familiar with CSS/HTML. What can i adjust to change the dots/icon of the main menu button?
You can find original files in source/airmenu folder. Open airmenu.css and modify “Menu button open” style.
Then, copy it into “airmenu-wp/airmenu” folder in the “wp-content/plugins”.
Hello!
I’d like to know your refund policy if possible.
Thanks a lot, Emanuele
You neef to create the request. But, it will be better if I can help you installing it.
Добрый день! Купил плагин, все устраивает, спасибо. Очень хочется поменять шрифт в меню, подскажите пожалуйста как это сделать?
Can you speak English please?
Good day! Bought the plugin, all satisfied, thank you. I’d like to change the font on the menu, please tell me how to do it?
There’s no a font declaration in the plugin. It takes theme used font. But, you can add custom font family via custom CSS:
.airmenu {
font-family:Arial !important;
}
If you still prompt in what folder and how to add, I will be very grateful to you! Thank you!
You can add custom CSS via wp-admin panel. Click on “Appearance / Customize”. In the opening page you’ll see “Additional CSS” field.
Great! It’s all good! Last question, what code should I use to change the font size and color before I hover?
Font color:
.airmenu .menu-btn-open,
.airmenu .menu-btn-close,
.airmenu .menu-lightbox,
.airmenu .menu-lightbox .menu li a,
.airmenu i {
color:#fff;
}
Font size:
.airmenu .menu-lightbox .menu > li a {
font-size:16px;
}
Thank you!
nop.
Good day! there were two more small questions. Change the font turned out, but when I move from the main page of the site to another, the font again becomes the default. And the second question: the size of the the principal font I changed as now increase the fine print in submenu? Thanks.
You need to customize your theme CSS for the sitewide.
Where you need to register sitewide?
please write the CSS code
Appearance / Customize / Additional CSS as I wrote.
please write the CSS code
I wrote them before in the comment list.
With font has understood! How do I resize a submenu?
.airmenu .menu-lightbox .menu > li > ul > li a {
font-size:13px;
}
Thank you!
Nop. I’ll be happy if you rate my item.
Hello – Is there a way to just show this using a short-code? I would like to place it inside a div element…
You can write the container div element classname or id to the menu options.
I can’t seem to centre it inside that div… It either aligns left or right…
There’re left or right position options as you can see in the demo!
Im sorry but I need it to align to the centre – perhaps I can do this Via CSS? Also, apologies, Can I just copy the CSS to my own CSS file? if I edit the source files and the plugin gets updated, all my changes will be overwritten?
You can add the following code as custom CSS:
.airmenu {
left:calc(50% - 12px);
}
Thanks for this. I think I have it working the way I need. Thanks again.
Ok. I can help you better if you send your site info as PM and where to put the menu.
Hi, i installed the plugin and tried setting it with multiple .classes, but i doesn’t seem to work.
settings:
https://tallerblanc.com/settings-air.pngsite:
https://tallerblanc.com/i already sent you an admin access to your email, so you can take a look and please tell me what you did so i can do it again if i have to.
Thanks
I will check it soon.
Hi
I bought your plugin for wordpress, seems to be very nice. But i have to question can we have a shortcut option? to place it where we want, it will be so much easier.
And i play a little with the code, i manage to slow down the appareance of text menu, but not the background overlay, i’m sure it’s possible but i didn’t find a way. And for the text can i put a delay between each fade up animation.
Thanks a lot
I will add those features asap. Thanks!
It will be perfect, if you do that i’ll hit the five stars for sure and keep working with your plugin fior the other website that i have to make.
but can you just tell me for delay it’s important for my design. Or at least some advices to do that.
You need to work on CSS file. You can PM me if you want. But, I’ll describe it here, too:
Open wp-content/plugins/airmenu-wp/airmenu/airmenu.css in a text editor.
Search for “airmenu.slideUp .menu-lightbox.active .menu li” or another effect you used. (”.airmenu.fade .menu-lightbox.active .menu li”, ”.airmenu.slideDown .menu-lightbox.active .menu li”)
Add the following CSS style into it:
.airmenu.slideUp .menu-lightbox.active .menu li{<strong>transition-delay:2s</strong>;opacity:1; transform:translate(0,0px)}
If you want to add ms, you can change 2s with 0.3s or another number…
Or, you can open it in wp-admin panel. Click on Plugins / Editor and select AirMenu – Responsive Fullscreen Navigation WordPress Plugin. Then, select airmenu / airmenu.css.
Hello I got this error after installing your plugin: jquery-3.1.1.min.js?ver=3.1.1:2 Uncaught Error: Syntax error, unrecognized expression: at Function.ga.error (jquery-3.1.1.min.js?ver=3.1.1:2) at ga.tokenize (jquery-3.1.1.min.js?ver=3.1.1:2) at ga.select (jquery-3.1.1.min.js?ver=3.1.1:2) at Function.ga (jquery-3.1.1.min.js?ver=3.1.1:2) at Function.a.find (jquery-migrate-3.0.0.min.js?ver=3.0.0:2) at r.fn.init.find (jquery-3.1.1.min.js?ver=3.1.1:2) at a.fn.init.r.fn.init (jquery-3.1.1.min.js?ver=3.1.1:2) at new a.fn.init (jquery-migrate-3.0.0.min.js?ver=3.0.0:2) at r (jquery-3.1.1.min.js?ver=3.1.1:2) at HTMLAnchorElement.eval (eval at <anonymous> (jquery.airmenu.js?ver=4.9.8:9), <anonymous>:1:3098)
I changed jQuery version and now I have this error: jQuery(...).airMenu is not a function
Can you the demo url?
“waypoints.js” generates an error if you debug your site. Then, other JS codes stop working. You should resolve issue on waypoints.
This error doesnt show up when disabling your plugin…
Can you send me wp admin login info to check it via PM?
I checked your site. It works regularly.
Can you add a logo to the menu?
There is not logo option.
Can I do this?
https://s15.postimg.cc/b34l1z39n/Untitled.jpgYou need to change inner HTML code. If you don’t know how to do it, my plugin is useless for you.
Hello
I’m looking for a menu like this but compatible with The7 theme
Can your plugin make something like this tabs menu?
http://quadmenu.com/Kind regards
I’ve a menu like that. But, I didn’t prepare its WP plugin version yet.
I have 2 problems – one there isn’t any shortcode, menu is by defult ‘ON’. Second one – submenu open only when I click ICON – by defult – its posibility to change code and submenu was opening after click all (A without href).
I also have css problems because you use commone names as slideUp, but i will figure it out.
Can you send me wp-admin login info to check it as PM?
Hi, it sounds like the optimal menu for one-page websites. 2 questions if I may: 1. can I use a short code for placing the hamburger button? 2. Can I change to colors of the menu buttos (instead of orange)?
Thanks!
You can change the button as you want by changing the source code. Colors can be changed via plugin options.
Hello I have bought your menu but it seems not to work. https://rodo.statlook.com. Could you help to solve this problem?
Please, write the container as ”#header”. Because, it’s added to ”#superContainer” layer which is under the header as z-index so the menu can’t be clickable.
Or, don’t write a container. So, the menu can be viewed everytime.
