FAQ
Scroll Back To Top Button
How to make the “Up” button:
- Go to Editor
![](https://docs.herocode.pro/wp-content/uploads/2023/11/01-editor.png)
2. Choose Patterns > Header
![](https://docs.herocode.pro/wp-content/uploads/2023/11/02-header-pattern-1024x426.png)
3. Edit it
![](https://docs.herocode.pro/wp-content/uploads/2023/11/03-header-pattern-edit.png)
4. Turn on “List View”. Choose the Group section and set a unique HTML Anchor for it. For example, “top”.
![](https://docs.herocode.pro/wp-content/uploads/2023/11/04-html-anchor-1024x580.png)
5. Go back to Patterns и edit Footer
![](https://docs.herocode.pro/wp-content/uploads/2023/11/05-footer-pattern-1024x431.png)
6. Add Adaptive Position section and insert Herocode icons in it
![](http://docs.herocode.pro/wp-content/uploads/2023/11/06-new-blocks-footer2.png)
7. Customize the visual appearance with Herocode icons and add link into HTML Anchor which we inserted in the Header
![](http://docs.herocode.pro/wp-content/uploads/2023/11/07-icon-settings.png)
8. For Adaptive Position section set the following settings
- Position: fixed
- Top: Auto
- Right: 40px
- Left: Auto
- Bottom: 40px
- z-index: 99
![](https://docs.herocode.pro/wp-content/uploads/2023/11/08-position-settings.png)
9. This results in a button that allows the site to scroll up when clicked
![](https://docs.herocode.pro/wp-content/uploads/2023/11/09-preview-btn-top-1024x507.png)