I was able to use an Ease Transition for the hover-over effect, but I can't seem to get the same effect to work on the drop down portion of the navigation. I would like to either have it ease into place, or even better, gradually ease downward.
Just wondering why you went with adding class values to each li instead of an id? (I'm a beginner, trying to work out if class has some benefits over id in this case)
My way may not have been the best, in fact, it probably wasn't. The navigation was designed to be used on a WordPress site - so I had to add specific classes for each menu item because they have different colors when you hover over them.
But the reason I used a class instead of an ID is because WordPress automatically assigns those classes to menu items. I was trying to keep the menu as dynamic as possible.
Hope this helps! But maybe someone else can chime in with more details.
Anyone have any tips? Here's the code on CodePen.
http://codepen.io/JeremyEnglert/pen/rtFbA
P.S. Thanks to Josh who helped me figure out some stuff with this nav before!
Just wondering why you went with adding class values to each li instead of an id? (I'm a beginner, trying to work out if class has some benefits over id in this case)
- Paul
My way may not have been the best, in fact, it probably wasn't. The navigation was designed to be used on a WordPress site - so I had to add specific classes for each menu item because they have different colors when you hover over them.
But the reason I used a class instead of an ID is because WordPress automatically assigns those classes to menu items. I was trying to keep the menu as dynamic as possible.
Hope this helps! But maybe someone else can chime in with more details.