CSS menu - Split Right and Left with Submenu


#1

Hello, I’m a little stuck. I’m designing a webpage and am in need of a CSS menu that has the ability to do submenus. The current project is located here http://www.wicybertechs.com/dentalpark

as you can see the navigation menu is split using LEFT and RIGHT options. However, I’m at a loss on how I can create the CSS code to allow for a submenu on the navigation menu.

CSS used in this project is found here: http://www.wicybertechs.com/dentalpark/css/main.css

Please let me know what you could charge for creating the CSS code to allow for submenus.

Thank yo u.


#2

I could do this for you but it you seem to be doing great so far with the site. The site looks great! I thought it would be better if you learned how to make dropdown menus.

The easiest way to add to this would be to use Superfish (http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started).

All you would need to do is setup add to the menu the submenu list, add suckerfish.js, and then call superfish() on the containing ul element. Follow the getting started and you should get it. It is much better to just learn rather than just pay someone for something so simple :smiley:

Let me know if you need any help or really want me to implement this for you still.

Kyle King


#3

Hey there Kyle,
I’ve tried a few different variations and I just can’t seem to get the code correctly. each time I change a line of code it skews the menu pretty bad.


#4

Looking at your CSS for the menu you don’t have quite enough defining there. If I was you I would get Ubermenu located here on Codecanyon and start over your nav from that. It is made really well and is a great price.

Kyle


#5

That was sort of my thought too. At first they didn’t want dropdowns, but now they do. It looks like that menu is for wordpress.

I did purchaase this one: http://codecanyon.net/item/mega-menu-complete-set/152825 so I hope this works. Still a little confused on how I should code it, but I’ll give it a shot.


#6

Just jump in and then you’ll learn or fail :smiley:


#7

I saw that you got it working. How did it go?

By the way the should add “cursor: pointer;” to “.header ul li”. It will look better.