Xpro Issues with menu and anchor

Support
#1

hello

i have a couple of problems

  1. on my home page the sub menu is disappearing below the sticky bar at the bottom on the header
    staging.hydrohottubs.com this happens on all the pages.

  2. l have a page that has all of the details on the hot tubs we do staging.hydrohottubs.com/ourhottubs and i want the menu items at the top to be able to scroll down like an anchor point to the specific hot tub this use to be easy in cornerstone juts using the id tag.
    Can you please explain how this can be done now.

Thanks

#2

Hey @simonmphoto,

1.) Please check if you’ve enabled Content Scrolling. Please turn it off.

2.) You’re using full URL, please use # and followed by the section ID only.

Thanks.

#3

do you mean like this

Thanks

#4

Hi There,

You are right, use the menu link this way as per the screenshot you have mentioned.

Thanks

#5

Thats not working for me :frowning:

#6

Hi there,

But it still using the full URL instead of just hash ID. I can confirm that through the source code. Please provide your admin login credentials in a secure note and I’ll check that area :slight_smile:

Thanks!

#7

added the secure note thank you for your help

#8

Hi there,

My guess is correct, they are still in full path URL.

Please change it to relative, it should be similar to your provided screenshot, example #silvercloud.

Thanks!

#9

i have changed some of them they are still not working

#10

Hi there,

Yes, and it looks like it has multiple issues why it’s not working.

  1. The full path URL - which you already fixed
  2. The use of proper ID - you should fix this

When implementing an anchor linking there are two parts, the hash ID for URL, and the plain ID for anchor name/ID. Hence if you add a hash ID URL, it should be like this #silvercloud, and if you add an anchor name/ID to your sections or elements then it should be like this silvercloud (no #).

You added #silvercloud as your first section’s ID instead of just silvercloud which resulted to this code

<div class="el1 x-section" id="#silvercloud">

which is supposed to be like this

<div class="el1 x-section" id="silvercloud">

Thanks!

#11

Thanks for your help that works now although it does not position at the head of the section but halfway through the opening para

#12

Hi There,

You are always welcome!
I can see the issue. You are using Pro. One page navigation is not yet fully supported with Pro. It is different from the One page navigation with X theme. The entire functionality of one page navigation in Pro header builder with the correct scroll is still under development. Unfortunately, we don’t have an alternative for this functionality. We’re sorry for the inconvenience.

#13

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