BugWP logo BugWP
Back to Community
Home / Community / Theme → Newsup

How to Adjust the Scroll to Top Button Position in Newsup Theme

22 threads Sep 7, 2025 Theme → Newsup

Content

A common question from users of the Newsup theme is how to adjust the position of the 'Scroll to Top' button. This button, located at the bottom right of the screen, can sometimes overlap with other page elements like a live chat widget, making both difficult to use.

Based on community support threads, this isn't a bug but a matter of visual customization. The good news is that with a bit of custom CSS, you can easily reposition this button to fit your layout perfectly.

Why This Happens

The Scroll to Top button has a fixed position in the theme's design. If you add a third-party chat icon or another fixed-position element to the same corner, they will compete for the same screen space, causing one to hide behind the other.

How to Move the Scroll to Top Button

The most effective method is to use custom CSS to override the button's default position. You can add this code to your WordPress installation using the Additional CSS section in the Customizer (Appearance > Customize > Additional CSS).

To move the button to the left:

#scrollup {
    right: 30px; /* Adjust this value to move it left or right */
    left: auto; /* This ensures the left property is not interfering */
}

Start with a value like 30px and adjust it incrementally (e.g., 40px, 50px) until the button is clear of your chat icon. Use smaller values to move it right and larger values to move it further left.

For more precise control:

You can also adjust the bottom value if you need to change its vertical position.

#scrollup {
    right: 50px;
    bottom: 30px; /* Adjust this value to move it up or down */
}

Important Considerations

  • Child Theme: If you are making more extensive theme modifications, it is highly recommended to use a child theme. This ensures your customizations are not overwritten when the Newsup theme receives an update.
  • Browser Cache: After adding CSS, remember to clear your browser's cache and any caching plugins on your site to see the changes immediately.

This simple CSS adjustment should resolve most conflicts with the Scroll to Top button's placement, creating a better experience for your website visitors.

Related Support Threads Support