NO BUG: Back to top element issue

Bugs
1

Hi everyone
I have a weird issue with back to top element, i hope someone can help.
I added it and it moves up and down in builder like it should, but not on front end, it’s always stuck in the footer (i have the element in footer template)

I tried to upload a video, but it says not allowed

2

Hi,
Welcome to the forum, and thanks so much for your report!

A link to your website would be even better than a video :slight_smile:
If the site is not publicly available, please replicate the issue on try.bricksbuilder.io.

Best regards,
timmse

3

this is an example:

https://midnightblue-salmon-862547.hostingersite.com/

When I open it on my phone, it’s fine, in builder it shows too, but front end on desktop even testing different breakpoints , it does not show

4

Because of GSAP, you’re seeing this behavior.

position: fixed should be outside the wrapper – Since the content has a CSS transform applied, browsers create a new containing block. That means position: fixed elements will be fixed relative to the transformed content, not the viewport. This isn’t a bug — it’s just how CSS and browsers work.

To fix this, you can either append the back-to-top button using JavaScript, or insert it directly into the <body> using the bricks_body action hook in WordPress.

Example using PHP:

/* Back to Top Button */
add_action('bricks_body', function() {
  ?>
  <button id="brxe-bqgihz" class="brxe-back-to-top visible">
    <i id="brxe-xcvaif" class="ion-ios-arrow-round-up brxe-icon"></i>
  </button>
  <?php
});

You can also read the documentation if needed:
:point_right: https://gsap.com/docs/v3/Plugins/ScrollSmoother/#caveats

1 Like
5

There is nothing to add. Thank you @Binu :v:

1 Like