[pixelsockParticipant]

I’ve added an anchor link in the nav but it displays in active state when on the homepage (which is where the achor tag is located).

[pixelsockParticipant]

Also, I’m getting a red square around the item the tag is located after navigating to the section from another page.

[pixelsockParticipant]

UPDATE: I fixed the redbox issue by adding the achor tag to the section instead of the image.

Also, it may just be easier to deactivate the current-menu-item class from the anchor link altogether. I don’t really need it because the menu isn’t fixed.

Please advise on how to do this or your recommendations. I will not be able to provide login as everything is on localhost right now.

[JoaoModerator]

Hi There,

Please make sure you have One page Navigation menu activated on that page. In order to activate it click Edit Page and scroll down until you find the option. and have your links like without the url when aiming for #, by that I mean, don´t link the links to url.com/#ID but just to #ID . If you have a mixed menu where some links go to another pages you will need to have to different menus on Appereance > Menus. One as described above that will be selected as your one page navigation menu and other with the complete links that will be your main menu in order to be able to access every link from the other pages

Regarding the Red box around the image. was that happening in firefox?

If yes add the following code to Appereance > Customizer > Custom > CSS

a:focus, select:focus, input[type="file"]:focus, 
input[type="radio"]:focus, input[type="submit"]:focus, 
input[type="checkbox"]:focus {
  outline: none !important;
}

Let us know how it goes.

Thanks

Joao

[pixelsockParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

You can go to Appereance > Customizer > Header and set the position to static.

Hope that helps,

Joao

[pixelsockParticipant]

The position is already set to static top, however if I activate one page navigation, the menu on the home page (the page where one page navigation is enabled) becomes fixed and scrolls with the page.

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar {
position: absolute;
}

Hope that helps,

Joao

[pixelsockParticipant]

This reply has been marked as private.

[LelyModerator]

Hello There,

We’re sorry for the confusion.
Please check this article.https://community.theme.co/kb/how-to-setup-one-page-navigation/

Take note that no matter the global navbar settings for your site (i.e. the settings you have selected in the Customizer), activating one page navigation on any page will cause the menu to become Fixed Top for that page due to the special requirements of this functionality. For example, if you happen to have Static Top, Fixed Left, or Fixed Right selected in the Customizer, activating a one page navigation on any page will make only that page’s navigation behavior switch to Fixed Top. This is necessary for the one page navigation to function correctly and should be considered when setting up your site and when wanting to use the one page navigation feature.

Hope this helps.

[Author]

Posts