Solved

Zurb Foundation 5 - Menu Issue

Posted on 2014-01-20
5
843 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
[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
5 Comments
 
LVL 1

Author Comment

by:Adam
ID: 39799873
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
ID: 39821133
Managed to find a partial solution to my issue here:

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

Featured Post

Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to dynamically set the form action using jQuery.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

763 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