-
Posts
-
The page anchor will not scroll. It just loads a new page.
First I created a Main Menu item with https://xxxxxxxxxx.com/#connect
Then I tried these approaches:
1. Added a close block with <div id=”connect”></div>
(This caused the page to reload and then arrive at the position of the code block).2. I Turn on Custom CSS Class field for all ALB Elements and entered connect In the Custom CSS Class Field
kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
(This caused the page to reload)3. I created a test Color Section and added connect in the Section ID field.
(This caused the page to reload and then arrive at the position of the code block)No matter what I do the page reloads and does not scroll to anchor position
Any ideas?
Thanks,
Jas
Hey Jasmer,
Make sure the link is structured correctly. For example the link would likely appear this way:
http://site.com/subfolder/page#anchorView the pages permalink structure for the most accurate link structure.
Best regards,
Jordan ShannonHi Jordan,
You are going to have to talk to me like a child or we just go around in circles. :)
This is a one page site.
The permalink structure is correct Permalink: https://mysite.com/
When I click on the CONNECT Main Menu item, it should scroll to the anchor. It does not. https://mysite.com/#connect
It refreshes the page and the page URL is below in private data.
AND when I did this > I Turn on Custom CSS Class field for all ALB Elements and entered connect In the Custom CSS Class Field
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ It does not refresh and arrive at the correct page location.This works on other sites. Not this one.
Thank you,
Jas
Hi,
You just have to add the form into its own color section. You have the first color section (Custom Section), but it is too high up for the page to actually adjust to it. I created a color section (named colsec) and if you click on Connect it will scroll to it. Basically just put the form in its own separate color section at the bottom and you will be fine.
Best regards,
Jordan ShannonHi Jordan and thank you for your help, but this is still a problem.
Josue showed me how to do this over a year ago here with a Code Block (the only change I made was to switch from “contact” to “connect”
https://kriesi.at/support/topic/anchor-without-color-section/#post-452955Let’s stay with the Code Block method. It works as well as your Color Section method.
The problem is, even with your Color Section solution and the Code Block solution, both do not scroll to anchor. Selecting the Main Menu link “Connect” reloads the page, then goes to anchor position. No scrolling.
1. I tried your Color Section by doing this:
I have cleared the cache on the web host and the browsers and attempted to scroll to anchor on the latest versions of Safari, Safari Technology Preview, Chrome, Chrome Canary, Firefox and Firefox Developer Edition. It does not scroll.2. The same thing happens with Josue’s Code Block solution. Why is it not scrolling on ALL of those browsers?
I’m sure it is a simple solution.
Thank you for your help,
Jasmer
It refreshes the page and the page URL is below in private data.
AND when I did this > I Turn on Custom CSS Class field for all ALB Elements and entered connect In the Custom CSS Class Field
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ It does not refresh and arrive at the correct page location.This works on other sites. Not this one.
And here is the beef : For what do you need that extra class? you only need the ID – no class on menu point is needed.
in your menu you have to insert a custom Link
in url : https://mysite.com/#connect (allways take the absolute path)
in Link Text: what you wantthats all
and furthermore your quotationmarks are (maybe it is converted by boardsoft) not the normal one (or maybe pasted from word?) – i copy pasted your container-lines above and it does not work. Then i write it with my keyboard myself – and it works:
see here: https://webers-testseite.de/8-columns/
and by the way – there has to be something under the anchor – that it has the chance to scroll to top
Thanks Guenni007.
The custom has been in my menu throughout this process.
I tried deleted the Code Block and typing the CSS myself and used the quotation marks on the keyboard. The problem persists.
I understand how this is done with the Class ID in a color section. That does not work either,
In any case, I know this can be done with a Code Block and I am committed to that solution only. I am not moving elements out of the Color Section because I need the full background to stay as it is.
<div id="connect"></div>Thanks for the ideas,
Jas
well on my page (see above example page) i did it in your way – with a code block and i typed in with keyboard
<div id="connect2"></div>
a custom link than to the menu (on my case): https://webers-testseite.de/8-columns/#connect2 thats all. (Even if i mark Deactivate schema.org markup for a clearer code it works.So there had to be some inconsitances on your installation.
Can you show me your link ? or has it to be secret.you told us that your site is a one page landing page. If the anchors are on that page it has to scroll. But if you are jumping from a different page to the anchor it never scrolls in this way.
What you like is a loading of the anchor page to the top and than in a time shift scrolling to the anchor.
Maybe this could be realised by a timecodes redirect – but will it be good webpractice?A javascript solution is the only thing for me that could work
Yes I know. Because something is wrong. I’m waiting for Jordan or another moderator to look at the code and determine the problem. I understand you and I cannot solve it.
Thanks for your help.
Jas
on that menu link ? Your site is a https site – did you insert on that menu link the absolute Path with https ?
This may be a dumb suggestion, but is the page published? My experience is that anchor text / links do not work in “preview” mode but instead the page must be published and then they work.
Guenni007. What do you mean make an image? Post a screenshot? I can’t do that publicly, but I can kontakt :) you on the email on your website if you like. Should I contact you there?
Thanks,
Jas
Urgent
Hi Jordan and thank you for your help, but this is still a problem.
Josue showed me how to do this over a year ago here with a Code Block (the only change I made was to switch from “contact” to “connect”
https://kriesi.at/support/topic/anchor-without-color-section/#post-452955Let’s stay with the Code Block method. It works as well as your Color Section method.
The problem is, even with your Color Section solution and the Code Block solution, both do not scroll to anchor. Selecting the Main Menu link “Connect” reloads the page, then goes to anchor position. No scrolling.
1. I tried your Color Section by doing this:
I have cleared the cache on the web host and the browsers and attempted to scroll to anchor on the latest versions of Safari, Safari Technology Preview, Chrome, Chrome Canary, Firefox and Firefox Developer Edition. It does not scroll.2. The same thing happens with Josue’s Code Block solution. Why is it not scrolling on ALL of those browsers?
I’m sure it is a simple solution.
Thank you for your help,
Jas
Hi,
Make sure that the site url and the anchor link are completely the same. We removed the “www” from the anchor link. (see private field)
Best regards,
IsmaelIsmael! Good to see you back!
That was the issue? The www? OMG. 5 days later you solved the mystery. It is very confusing when the link goes to the correct position, but with a reload instead of a scroll to anchor. That tripped me up.
Thanks for coming by. You can close the topic
Jas
Hi Jas,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaHi,
We’re glad that the team was able to help.
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.
Thank you for using Enfold.
Cheers!
Sarah
- The topic ‘Page Anchor Not Working’ is closed to new replies.