[Resolved] Back to top button position

[ian]

Hi

The “Back to top button” is
horizontally is positioned relative to the body I would like it relative to the content

This is because on a wide screen “Back to top button” is way over to the right I think it should be below the right sidebar for example

Is this possible ?

Ian

[Tom]

Hi Ian,

In order for the button to remain visible at all times, it need fixed positioning.

Unfortunately, there’s no way to apply the fixed positioning to specific elements in the browser (sidebars etc..) – fixed positioning is always relative to the entire screen.

Of course, you can adjust the positioning, but remember how it will look on smaller screens/phones:

.generate-back-to-top {
    bottom: 30px; /* 30px from the bottom of the screen */
    right: 30px; /* 30px from the right of the screen */
}

[ian]

Hi Tom

Thanks for that
FYI
I have found a compromise doesn’t provide a precise solution but does take the icon away from right edge on large screens and still works on mobiles etc

.generate-back-to-top {
right: 20%;
}

[Tom]

Perfect 🙂

[Author]

Posts