Links to Page Class ID's

[CEGTev]

Hi There,

We have custom class ID’s set on another page in different sections, linked from slider buttons on the home page, but for some reason when the buttons are selected, two of them don’t navigate properly to there section, they seem to navigate half way through the section.

There are 8 Treatments on offer from one of our clients and 2 of the navigation don’t work properly: Acne & Rosacea, Burns & Scars. When these images are selected in slider they navigate to the correct page just not the correct place.

[jade]

Hello Tevan,

Adjusting the padding or the margin of the section usually does the job but it could be possible that there is a custom Javascript that is causing the issue as well. I tried checking your account but you have several licenses so I am not sure which site is in question.

Please provide us the URL of the site so that we can check it.

Thank you.

[CEGTev]

https://iskinaesthetics.co.za/

[christian]

Hey Tevan,

The login credentials you’ve provided doesn’t work. If you’re using Pro 3.2.3, X 7.2.3, Cornerstone 4.2.3 however, we have a new bug regarding this. Please revert back from a working version of your site while we’re waiting for a fix from our development team. They’ll probably included it in the next release.

Thanks.

[CEGTev]

Hi Christian,

If you would like, you can try my login details in the secure note, if you cant see any obvious fix we will wait for the next update.

Thanks

[ruenel]

Hello Tevan,

I have inspected your page and it appears that you have placed the IDs in the wrong element. Please add the ID in the section and not in the headline or text element.

• 

It is highly recommended that the ID should be placed in the section element so that it will display properly once the user click on the link being linked to the element ID which is in fact the section.

Hope this helps.

[CEGTev]

Hi There Ruenel,

That is not the issue, the issue is when the images highlighted below are selected and move to the treatments page they dont load the correct section they load half way through a section.

[lely]

Hi Tevan,

Thank you for the clarification. I can see the issue and there’s an error on console:

Uncaught Error: Syntax error, unrecognized expression: #burns-&-scars
    at Function.ea.error (jquery.js?ver=1.12.4-wp:2)
    at ea.tokenize (jquery.js?ver=1.12.4-wp:2)
    at ea.select (jquery.js?ver=1.12.4-wp:2)
    at Function.ea (jquery.js?ver=1.12.4-wp:2)
    at Function.a.find (jquery-migrate.min.js?ver=1.4.1:2)
    at n.fn.init.find (jquery.js?ver=1.12.4-wp:2)
    at n.fn.init.a.fn.find (jquery-migrate.min.js?ver=1.4.1:2)
    at a.fn.init.n.fn.init (jquery.js?ver=1.12.4-wp:2)
    at new a.fn.init (jquery-migrate.min.js?ver=1.4.1:2)
    at n (jquery.js?ver=1.12.4-wp:2)

Please remove the special character from your ID #burns-scars
As a rule:

In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier “B&W?” may be written as “B&W?” or “B\26 W\3F”.

Hope this helps.

[CEGTev]

Hi Thank you for assisting, that worked thank you.

[ruenel]

Hello Tevan,

You’re welcome!
We’re glad @Lely were able to help you out.

Cheers.