[Resolved] One page scroll combined with regular navigation

[Alfonso]

Hi guys
So I have a one page scroll navigation, but some of the links open in a new window (the link I refer to is called ‘Mi historia’ in case you visit my website to see what i’m telling you about). And the problem is this; in the new open window, the navigation still shows the one page links, but doesn’t do anything if you click them (as there’s no anchor in that page to go to).
So, is there a way to return to a certain section in the frontpage from another window, so I can keep my navigation as it is?
Is there anything else I can do?

GeneratePress 2.1.4

GP Premium 1.7.2

[David]

Hi there,

use a full URL for you’re one page links e.g: https://www.anonymous.org/#faq

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alfonso]

That worked well, thanks.
But it seems to be another problem now, the links from the one page doesn’t have the hover effect (although they work) and when I go to any of them (there are only two), both of them appears highlighted. I’m using the Page to scroll id plugin by the way.

[Tom]

You’d need to set your current menu item background color to the same background color as the navigation in Customize > Colors > Primary Navigation.

Then use this CSS to change the background color of the highlighted section:

.main-navigation .main-nav ul li > a.mPS2id-highlight {
    background: #777;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Alfonso]

Done. That solved part of the problem, but the hover effect still missing…

[Tom]

Give this a shot:

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a,
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"]:hover > a {
    background-color: #777;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Alfonso]

Now the sticky menu works perfectly, but not the main one (the one on the top). Perhaps I should’ve mention earlier that I created the main header with a GP element. Does that affect it somehow?

[Tom]

I just adjusted the CSS above: https://generatepress.com/forums/topic/one-page-scroll-combined-with-regular-navigation/#post-689680

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Alfonso]

Okay that finally solved my problem! Thank you so much!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts