[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Zurb Foundation 5 - Menu Issue

Posted on 2014-01-20
5
Medium Priority
?
870 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
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)
Suggested Courses

656 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