Skip to content

Include "Back to top" Icon #1731

@lthurner

Description

@lthurner

Hi,

first of all thanks for this great template, it is much appreciated! One feature I found missing when creating a homepage with minimal-mistakes was a back to the top icon that is always in the right lower corner and can be used to scroll back to the top at any time. I implemented this for my homepage by creating a simple new class in _sidebar.scss with fixed position:

.sidebar__top {
  position: fixed;
  bottom: 1.5em;
  right: 2em;
  z-index: 10;
}

And included it in default.html with an awesome font icon and a link to #site-nav:

<aside class="sidebar__top">
<a href="#site-nav"> <i class="fas fa-angle-double-up fa-2x"></i></a>
</aside>

I linked to #site-nav so that clicking the icon scrolls all the way to the top of the page and not only to the first header. A working example can be seen here: www.pandapower.org

Is this something that would be interesting to include in the template as an option? I am fairly new to website design in general and the template specifically, so I don't know if and how this would possibly interfere with other features. But I would be willing to try to clean up the solution and put in a pull request if you think this would be a good idea to have in the template.

Cheers
Leon

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions