Archived topic
Adding a Scroll Down Icon to the Header Element?
3 replies · Started by Laura Brown on November 7, 2020
I am using ClassicPress (the fork of WP). I have made the header full width image (page hero?) just as I was hoping to, with help from the documentation about the Header Element. So that is all good.
Now there is nothing on my page (visible) to tell people (My Mother in particular) to scroll down to see the site content. She probably isn't the only person who will come to my site and only see what I have in the navigation and not think to just scroll down. So, I know some sites have a button which appears in the middle of the bottom of the front page (or the header element). How can I do that?
Keep in mind, I don't use content blocks as per WordPress. ClassicPress is WP before the blockages and junk code.
Thank you for any help. My site is - https://asciiartist.com/ if that would help.
Hi there,
you would need to add an anchor element in your Header Elements content eg.
<a class="smooth-scroll" href="#main">Link to Main</a>
If you enable SmootH scroll in the Customizer > General, then the above HTML will smoothly scroll to the main content.
That works. I just need to add the code to centre it. Thank you!
Do you want it vertically centred ?
