I found this really cool menu code which is located at
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/
but I want to add another level of menu when you hover over the menu sub items it opens another menu. I am a beginner in CSS and any help in showing me what I need to modify would be greatly appreciated.
Thanks in advance.
You should be try this tutorials & you can see demo at here.
Related
I have the following problem: when I try to add more options to the menu it becomes distorted.
This is how I want it to look like:
Normal menu
But this is how it looks after I add some more options:
Distorted menu
Logo is small and it shouldn't take half of the menu bar.
Could anyone please help me to fix this issue?
Thank you
I saw your site, you need to disable/remove the max-width for .home #header #menu-header. see image for reference:
Hope this may help you.
I want to create a vertical menu exactly like http://www.bienvillecapital.com/. I have tried few themes having vertical menu and also tried SuperFly menu plugin to get the result. Can anyone help me to get this?
Thank you.
Navigation bars are nothing more than HTML and CSS code aligned properly. I'm not really sure how well you know CSS and HTML, but this can be done with those, and understanding the concept is very direct. Please refer to this page for example: http://www.w3schools.com/css/css_navbar.asp
I tried for a few hours now to figure out why my sub menu disappear when I hover over the parent menu.
Live demo: http://topforexbroker.net/kafi/
I could possibly remove the margin-top from my sub-menu class and easy fix but then my border 1px at the top of the sub menu goes away :)
Any suggestions or tips would be greatly appreciated.
Demonstration of the issue: https://gyazo.com/5387a96e4c86f4fb1cbef9aa8715ed71
Thanks!
I finally managed to solve the problem, as I said in my first post this margin.. I changed some of them on the sub-menu class and the primary-menu and now it works.
There is no thing wrong with your CSS. I usually add a timeout like 200ms before hide sub-menu to avoid this situation.
This functionality is related to your jQuery script and is not a CSS issue. Im assuming there is some sort of event listener probably
.mouseleave()
which has a function to hide your submenu. Change that and this behavior will go away.
https://api.jquery.com/mouseleave/
Hi all I am working on a project and am trying to do this all by hand for a learning exercise. I am not looking for the code that does the job but just an explanation of how this should be done.
the page I am working on is http://dev.davydsoft.com/playing.html
What I would like is to have a dropdown "menu" image when you hover over the pics up top. This is inspired and by the twitter bar. When you click on your user name on the twitter bar you get that dropdown.
I have played with alot of examples and for some reason it just wont click for me.
Any pointers would be great.
welcome to the stack overflow! I would recommend that you take a look at the first tutorial on this page:
http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers
It explains how to use jquery (javascript) to show and hide hidden html elements.
If you are looking for a css only solution, you might search for "css suckerfish menu".
You need javascript for the hover event css for styling and html
Have a look at: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/
Basically, if you only want guidance, then start looking into how to style with :hover selectors.
Menu are looking very nice in all website
so i want to make such menu so how to make that
and when we select one menu then its color is changed so how this is possible
and even border is changed so how to make such
Give this a go: http://msdn.microsoft.com/en-us/library/ecs0x9w5(VS.80).aspx
here is a link to an article that creates menu using css check it out.