Solved

Looking for a plugin for navigation

Posted on 2016-09-01
3
55 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 earned 500 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

In this article we will discuss all things related to StageFright bug, the most vulnerable bug of android devices.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now