Solved

Looking for a plugin for navigation

Posted on 2016-09-01
3
70 Views
Last Modified: 2016-09-01
Client wants a navigation similar to http://www.lselectric.com (Services button) where a big drop down let's him display a ton of pages.  My programmer is running into issues getting around Javascript function of hiding and showing navigation.  Does anyone know of a plugin we can use?
0
Comment
Question by:nsitedesigns
  • 2
3 Comments
 
LVL 42

Accepted Solution

by:
zephyr_hex (Megan) earned 500 total points
ID: 41780430
Actually, most of that menu is done with CSS.  If you inspect the code, you can see the CSS styling, and HTML structure.  It's simply an unordered list with list item elements, which is styled to give that large drop down canvas.  There's a tiny bit of jQuery to hide / show the canvas on hover.  The slider effect is courtesy of a jQuery plugin called Looper.js

I've put together a basic demo of the Services drop down here in this Fiddle.

Your developer should be able to look at that HTML & CSS and modify it to suit your situation.
0
 

Author Comment

by:nsitedesigns
ID: 41780448
Thanks for all the hard work.  I will share with my programmer and get back to you if he has questions.  He did say he was fighting with the theme on the drop downs.
0
 
LVL 42

Expert Comment

by:zephyr_hex (Megan)
ID: 41780651
No hard work involved!  It took me less than 10 min to mock up that demo.  I hope it helps and let me know if you have any questions.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question