?
Solved

Looking for a plugin for navigation

Posted on 2016-09-01
3
Medium Priority
?
95 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 44

Accepted Solution

by:
zephyr_hex (Megan) earned 2000 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 44

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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

770 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