26 comments found.
Good luck with your sales
Thank you.
Hi!
Does the menu have to be fixed on top? I’m trying to make it position: relative so I can have my own header on top of it, but when I do the menu doesn’t work on mobile. Especially the social menu. It always is “out” even when i haven’t pressed the icon, and it goes outside of the screen… Sorry for horrible explenation, I’ll add a horrible picture that hopefully explains it better 
Loving the menu so far except for this one bit though.
http://i.imgur.com/Sq2EYmv.pngAdd “overflow: hidden;” to the li of ul#css3aw-social-menu
ul#css3aw-social-menu li { overflow: hidden; }
Hope this helps. 
You have this menu in the CSS section of CodeCanyon, but your demo clearly doesn’t work when JS is turned off.
Doesn’t seem like a true CSS menu.
Yes. It does use some js. But in the main download, the earlier versions are also included which uses pure css. You can use those if you really need to avoid js.
I can’t see the image. Can you upload the image to another host and send me a link? This may occur because of the fonts folder is not uploaded. Can you see if there are any 404 errors in the console? If you are using chrome, press Ctrl+Alt+J to access the web developer tools and select console. It will show you any errors. And check the css file if the link to the font files are correct.
Hi, this very nice menu with reasonable price, love it so bad, but the thing i can not make it work into my template,
@author if you can help me place menu into my template i will pay for your time, thanks
please see this demo
http://beta.teamstats.net/teams/interface/dropdown/awesome/ the right hand section of the link cannot be clicked because it is somehow being masked by the social menu DIV container – the left side is OK – please supply a fix ?Ok I have worked out a simple fix – just set “width:0” on the css3aw-social-menu DIV
Hi, I love the menu but have an issue.
it seems to reserve a section of the page left and right the same width as the menus – for the menus to slide into – which means I can’t click on any links that appear in these wide areas
the div Ids are
css3aw-main-menu-wrapper
and
social-main-menu-wrapper
How can I resolve this? I have links at the edge of my main content page.
Thanks for your help.
To see exactly what I mean please see this image – I can’t place any links within the red outlined areas – if I do they can’t be clicked on
https://www.dropbox.com/s/f0s73pbv9n5apyv/awesome-issue.jpg?dl=0I checked the problem. For me, the main menu side worked properly. I will check both sides and provide you with a fix.
the menus work ok – I just can’t click on links that appear in the left or right of the page as the menus are always using that space if they are open or not. Thanks for your help.
please see this demo
http://beta.teamstats.net/teams/interface/dropdown/awesome/the right hand section of the link cannot be clicked because it is somehow being masked by the social menu DIV container – the left side is OK
please can you update me with a fix ?
Hi, Is there any solution to display the menu properly even without animation on IE8?
IE8 compatibility is not provided in this item. But I think you can safely ignore IE8 support because it’s market share is less than 5% and it means it’s actual usage is less than 5%.
When checking the analytics of the site, there’s a good amount of visitors daily using IE8, that’s why am asking for it.
I just checked this no IE8. It works fine. But of course without the animations because they are created with css3. Only issue is the font icons are overlapping with the down arrows if there are submenu items. Can you tell me more details about your issue?
Thanks! It’s working now. I was missing the html5shim code.
glad you made it
here is my question. I’m converting my site to WordPress, so the menu ll be converted into WordPress version too. but I’m stuck in one place. my code has link before ‘ ’ & link after ‘ ’, so I can target the span class. but the problem is this Awesome menu has different span class in each list item. & I’m not sure how can I include them in my code. any Idea?
my full code:<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_id' => 'css3aw-main-menu-container', 'menu_id' => 'css3aw-menu', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
That span class is for the font-icon. So you will need to add it separately I think. Is there any way that you can enable editing it in the admin panel? I’m not much familiar with WordPress yet. So I’m afraid I can give you an exact answer for this.
ok, let me discuss with some WordPress pro then. I’m new in this field too. but tell me one thing, is it possible to remove that span area from menu?
if I don’t find any suitable solution I’d like to remove icon fonts & remove completely that section. so when someone hover the menu dash icon it ll only show the menu items, no icon.
thanks for your quick help.
Yes. You can remove the font-icons. But you will need some modifications in the css for that.
Hi, How can I control the speed of the menu?
To control the speed, you need to edit the css file. All the transitions are controlled via CSS. If you need, I can make a fix for you. Do you need to make the menu appear faster?
Yes, I need to make it faster as sometimes it’s hiding when I hover over it and it’s bad for user experience specially on mobile devices.
I have sent you an email from your profile. Please check and reply.
Hi, How can I add a single wide button with icon and text next to the share button without any dropdown for that button?
Remove the ul to remove the drop down menu. Add text after the inside it and change the width of the button in the css file. Check the lines from 1058 and below.
Hi, I need to keep the share button and add a button to the left of the share button. Please help.
Hi, How can I use http://glyphicons.com/ with this?
Yes. You must be able to use those. Import the fonts and css files of glyphicons and replace the classes.
Hi, How can I make it auto collapse a menu if I open another one?
This is not available in this item. But if you still like to have it, please pm me. I will arrange it for you.
Anything in the docs on getting it to work with WordPress menus?
It’s only pure html and css yet.
Great software! 
Thanks mate.
I would like the menu to stay fixed on the side of the browser when it opens. Like this site http://fmedias.com/machli/normal_aboutus.html
Is it possible?
Try clicking on the menu icon. Hope it is what you are asking
Pre-purchase question:
Is this only a vertical menu?
Best, Frederick
A live preview is provided now. Please see it to check whether this suits you.
Your directions are too vague and I can’t get the menu to work. Could you specifically list the files and folders that need to be in the root of the directory?
Go to the “Version 3” folder inside www folder. That folder contains all the necessary files for the menu. You need to include js, css, img and fonts folders and the index.html in the root.
Thanks for your prompt response, got it to work. Awesome menu! 5 stars!
Great job man!!! When are you going to make it compatible with IE11?
It works fine in IE 10 and 11 with all the transitions. Works in IE 8 and 9 without CSS3 transitions because they don’t support it.
Hi and thanks for the work. I have two quick questions.
1) When I use bootstrap I get some wrong layout styles in the right side of the menu (social media icons are invisible). Which part of bootstrap should I adjust for the social media to appear again.
2) I don’t want to use icons in the drop down menu, so I need a way to expand the menu immediately when I either click or hover the menu icon. Right now this works when I click, but when I hover my mouse over the menu icon I can see the icons only.
That’s it. Away of that everything looks great.
Thanks.
Also, I need the exact same thing like nikonrules (center my logo in the middle). I checked the URL you shared but it’s not working:
http://maheshsamudra.byethost33.com/css3aw_custom/Oh and a real final question, is there a way to center the menu in the middle. By default bootstrap width is 1170px. I added the max-width trick and it worked, but the menu is left align. How can I center it?
Try adding the bootstrap css at the top of the linked css. That should work. Please check the link. I enabled it again. Is that what you need?
Hi. Can you please answer my other questions?
Can you send me a screen shot of what you need? If you prefer the edit in the link below, I can mail it. Please send me a message via my profile.
http://maheshsamudra.byethost33.com/css3aw_custom/Hi, awesome looking menu, great work.
Is it possible to integrate this with Wordpress? Maybe by disabling their menus and adding this to a specific part of a theme/header file?
Thanks Joz
Thanks for the compliment. I’m hoping to develop a wp menu with this. But it will take some time because I’m a little bit busy these days.
