Solved

Zurb Foundation 5 - Menu Issue

Posted on 2014-01-20
5
821 Views
Last Modified: 2014-01-30
I've built my site using the Zurb Foundation 5 framework and have used their 'magellan menu' to act as a submenu on one of my pages. However, I'm experiencing some strange issues that I can't seem to fix.

Firstly, when I click on a link in the menu and brought down to that section in the page, I need to figure out a way to add an additional offset as my magellan menu is covering the top part of that section. I haven't seen any parameters in the documentation that allows you to do this with JS.

Secondly, clicking on items in my magellan menu does what its suppose to do (i.e. take you to that section on the page). However, I am noticing some weirdness with active links being highlighted when they are not suppose to as you manually scroll. In most cases, menu links are highlighting before you reach the section. There are also some sections where highlighting gets skipped completely. I'm really not sure what's going on.

You can take a peak at a sample page with these issues here: http://bit.ly/1mkT3Sl. Hopefully I explained everything clearly but if not, feel free to let me know and I'll attempt to clarify... ;)

Thanks!
0
Comment
Question by:Adam
  • 2
5 Comments
 
LVL 1

Author Comment

by:Adam
Comment Utility
If it helps, I believe I have come up with a quick solution for my first issue (adding an offset when you click on a menu item and it takes you to the section). I've basically just added some jQuery and used scrollTo to animate users to the respective sections (and manually put in the offset).

But still trying to understand why the menu highlighting is all off. I posted this question on the Foundation forum here...but still waiting for a response.
0
 
LVL 1

Accepted Solution

by:
Adam earned 0 total points
Comment Utility
Managed to find a partial solution to my issue here:

http://foundation.zurb.com/forum/posts/1667-magellan-menu-weirdness
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

771 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

9 Experts available now in Live!

Get 1:1 Help Now