Navigation One page: version fixed

[mengeco]

Hello,

One page in my navigation, I would like a very simple and fixed navigation.

It is necessary that the title of my sections:

– Are all displayed on the opening page, and positioned at the top of my picture
– They do not follow the movement of scrolling

See screenshot please

Best Regards

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us your site url to see what is possible to do?
Thanks

-Rui

[mengeco]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Try to add the code below to your custom css option

#one-page-nav li .hover-caption {
    opacity: 1!important;
    margin-top: 20px!important;
}

-Rui

[mengeco]

This reply has been marked as private.

[mengeco]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

The position is fixed, so it’s not possible to scroll with the picture.

-Rui

[mengeco]

Ok, I understand.

If I delete the “one page navigation” option and I create a simple text, can I link it to a raw content in my page (classic anchor)?

Thanks

[Rui Guerreiro – SUPPORT]

Yes, of course.
You can try to place the code below inside an Raw Html asset and grab the entire shortcode in the classic editor mode, then paste that content inside the desired text block.

<div id="one-page-nav" class="opn-standard" style="margin-bottom: -80px; display: block; right: 0px; opacity: 1;"><ul><li class="selected"><a href="#quisommesnous" data-title="Qui sommes-nous ?"><i></i></a><div class="hover-caption">Qui sommes-nous ?</div></li><li><a href="#suivez-nous" data-title="Suivez-nous"><i></i></a><div class="hover-caption">Suivez-nous</div></li></ul></div>

Hope it helps.

-Rui

[mengeco]

Hello Rui, I tested a basic anchor (#name-of-row) and it’s ok 😉

But, when I clic on link, the progressive animation scroll don’t work 🙁

I tested a specific template with script js but it don’t work…

how to retrieve the animation scroll with my anchor ?

[mengeco]

I allow myself to relaunch the issue,
Do I have a scroll animation from a single anchor?

[David Martin – Support]

Hi,

This sounds like you need to add the class ‘smooth-scroll-link’ to the link.

I have done this for you on the first link and can confirm it is working perfectly.

This:

<a href="#quisommesnous">Qui sommes-nous</a>

Should be changed to this

<a class="smooth-scroll-link" href="#quisommesnous">Qui sommes-nous</a>

Thanks,
David.

[mengeco]

Great!!! Thanks David !!!!!!!!!!!!!!!!!!!!! 😉

[Mohammad – SUPPORT]

Hi,
Great thanks to David 🙂 .
Mohammad

[David Martin – Support]

No problem. 🙂

– David.