Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Back to top button position

Home Forums Support Back to top button position

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #171286
    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

    #171319
    Tom
    Lead Developer
    Lead Developer

    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 */
    }
    #171566
    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%;
    }

    #171614
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.