One Page Navigation on Mobile

Hi there

It happened to me already on two sides.

I had a one-page navigation to the section with the id “kontakt”.

Then I had a bottom as well as a link in the Menu with “#kontakt”.

It worked all well on Mobile and Desktop. But as soon I duplicated the section with the id “kontakt” and did some alternattion for desktop and for mobile. One visible on Desktop the duplicate visible on Mobile only. After that, the One-page navigation on Mobile did not work at all anymore.

Please advise

Hey @MadanGopal,

You will need to change the ID of the duplicated section. IDs must be unique.

If you’ve already changed the ID and the issue persists, please give us the URL of the page having this issue.

Thanks.

Yes that works.

That means that the button that refers to the section with the Id “kontatk” must also be duplicated and refer to the new unique Id for the duplicated section for Mobile,

Ok got it.

But if I have a button in the Revolution Slider that I cannot duplicate and hide on desktop so that the mobile version will link to the new mobile section with the unique Id. The same for the Menu, there I also cannot have a different Menu for mobile then desktop, right?

How can I go around that?

Hi @MadanGopal,

The answer is ROW. Sections have ROWS. Hide during breakpoints are also available on ROW. You can duplicate the ROWS instead. One row for desktop view another one for mobile view. Then set the ID on section. This way you will only refer to 1 section. No need to have different Menu since it is the same section for desktop and mobile.

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.