I’m having an issue with dropdown menus vs non-drop down navbar links.
The template I started with had all dropdown links, and I’m trying to do a couple of links that are straight links and not a dropdown. The formatting is not behaving the way I would expect it to when I use the same class names for the link. I added a div, hoping I could manipulate it, but I’m still coming up with the same issue. (If you can solve this for me, I’ll also need help with making it look correct in the mobile menu.)
Your dropdown isn’t right because you have applied float:left to the Nav Link class.
Instead, you must create a class for the Dropdown element itself (note the element icon): https://s25.postimg.org/8ok38i08v/drop.png
After you assign a new class to the Dropdown element and set it to float:left, give it a width of 100% (percent), then do the same to the width of Nav Link class.
Ok, I think that’s most of it fixed. I played with some padding, and mobile looks ok now. However, they are out of order on the desktop version. (but in the correct order on mobile) Contact dropdown should be last. What did I miss?
Thanks! I still have a little weird spacing for the non-dropdowns. Making changes to it screws up the little arrow icons. I’m not worried about it right now though, but I’ll take suggestions. I’ll get this finalized and possibly revisit later. Thanks again for your help.