One Page Top Menu Acting Funny on Scroll

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 15 replies, 3 voices, and was last updated 7 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Back to forum

Posted in: Dante
May 4, 2017 at 5:40 pm #323405

gotmike
Member

Post count: 16

I’m having a problem when the website is scrolled down, in certain sections the proper menu item is underlined, but others it jumps back to home instead of staying on the proper one.

I assume it has to do with the anchors but I’m not sure how to set them for all elements.

I saw this post: http://www.swiftideas.com/forums/topic/one-page-navigation-active-section-detection/

And I do have the one page nav enabled, but I’m talking about the menu top of the page.

May 4, 2017 at 5:49 pm #323406

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

I clicked in all the dots and it worked fine for me. Can you provide a specific example?

-Rui

May 4, 2017 at 6:15 pm #323413

gotmike
Member

Post count: 16

not when u click on the dots.

again, this is in reference to the TOP MENU.

and it’s not when you click, it’s when you scroll.

so as you scroll down, look at the top menu, you will see the sections are actually setup so the highlighting and underline should move sequentially to the right as you scroll.

but that’s not what happens, it starts at home, then goes to listings, then goes back to home, then goes to track record, etc…

Attachments:
You must be logged in to view attached files.

May 5, 2017 at 9:51 am #323473

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

I understand now, not sure about this one will forward to my colleague.

-Rui

May 12, 2017 at 10:13 am #324397

gotmike
Member

Post count: 16

okay, so this problem has gotten weirder. same issue on the home page, but also the menu wasn’t working at all on sub-pages.

so when i go to a sub-page, b/c the link target is only “#target” the menu doesn’t work. sub-pages don’t have these sections.

then i changed to “http://xxx#target” and it now works on sub-pages but back on the home page all the menu items are highlighted all the time…

any help here?

Attachments:
You must be logged in to view attached files.

May 12, 2017 at 12:04 pm #324433

David Martin – Support
Moderator

Post count: 20834

Hi,

The link should only be #target and not http://xxx#target.

You can set different menus for each page if you need to setup internal pages.

I now see an underline for each menu item?

May 15, 2017 at 2:37 pm #324633

gotmike
Member

Post count: 16

yes, the underline is showing up.

BUT… as you scroll down the page, it is intermittently going back to HOME in between.

So as you go down, the line goes:

Home
Listings
Track Record
Home
About Us
Home
Contact Us

May 15, 2017 at 2:52 pm #324635

gotmike
Member

Post count: 16

and since you mention it, how do i setup menus for internal pages?

team, individual team members, portfolio, individual portfolio items?

i don’t see that option on these sections. i guess maybe they aren’t considered “pages”?

May 17, 2017 at 10:16 am #324899

gotmike
Member

Post count: 16

ok, i’m ready to deliver this site to a client, but need this menu item sorted out…

please help!

May 18, 2017 at 1:36 pm #325165

David Martin – Support
Moderator

Post count: 20834

PLEASE NOTE: Adding an extra reply to your topic, as per our support policy, will take it back in the queue and take us longer to reply to you. Please refrain for doing this. If you need to add extra info, then please edit your last reply..

It looks to be marking “home” as active if the current section does not have an ID.

Is it safe for us to make some changes to the page or are you showing this to the client currently? Let us know and we will resolve.

Thanks.

May 18, 2017 at 3:26 pm #325190

gotmike
Member

Post count: 16

yes, you can make changes. go ahead.

also please let me know about this…

how do i setup menus for internal pages?

team, individual team members, portfolio, individual portfolio items?

i don’t see that option on these sections. i guess maybe they aren’t considered “pages”?

May 22, 2017 at 12:24 pm #325485

David Martin – Support
Moderator

Post count: 20834

Hi,

You cannot set different menus for custom types, ex: single team, single portfolios ect. You can only set custom menus for pages.

So, for your one-page nav “Homepage” you’d use a custom menu. All other internal pages would use the default menu which would allow deep linking/standard links and not the one-page links ex: #about

May 22, 2017 at 10:51 pm #325585

gotmike
Member

Post count: 16

gotcha… so kindof the opposite of what i was trying to do.

makes sense.

i was able to make that change.

now i just need the “jumpy” menu fixed. (the original reason for this post)

i assume that has something to do with the id of the elements?

i see the spacers have a value set for ID but other sections do not… should I change something there?

May 23, 2017 at 5:27 pm #325698
David Martin – Support
Moderator

Post count: 20834
Hi,

The homepage link is active because it’s the current page.

When the on page nav detects you are on a section name that corresponds to a menu item, that menu item is marked as active.

The active menu marker is removed when no section is found that corresponds to the menu, and the “Homepage” active menu marker is restored to the “home” link because you are still technically on the homepage, ie the current page.

You could look to remove that indicator, using this CSS:
```
.home li.current_page_item.menu-item-home > a{
 color: #000;
}
.home li.menu-item-home > a span.nav-line {
  display: none  !important;
}
```
June 12, 2017 at 11:38 pm #328303

gotmike
Member

Post count: 16

so in the end the issue was that i had spacers with “spacer_id” set to values that did not exist in the menu.

what i ended up doing is leaving the “spacer_name” to the non-menu names, but changed the “spacer_id” to an adjacent section.

this solved the issue with no need for CSS.
Back to forum

Posted in: Dante