Using the Zig-Zag template:
I have a top menu, say with menu items One, Two, Three, Four, Five.
I have div content wrappers for each of those sections:
e.g. <div id=”Three” class=”content-wrapper”>
If that’s all I have, the top menu registers which section I’m in as I scroll. i.e. if I scroll to div section Four, the top menu Four lights up.
However, I noted that the template <ul class=”icon-box”> had , so I made those into buttons essentially, which when clicked take me to a new location. Those choices don’t appear on the top menu, they’re sub-categories of section Three:
e.g. <div id=”Three-One” class=”sub-content”> navigated to using *
*I had to make a new content-wrapper class called “sub-content”, which is just a copy of content wrapper, in the style sheet in order to keep the top menu Three highlighted as I scrolled through sub-categories Three-A, Three-B, Three-C, and Three-D.
The problem that I’m having is that sections Four and Five don’t register on the top menu when I scroll down to them. They are navigable via the menu, though.
Any advice?