Scroll to Top button is enormous

  • Hi, I recently got a new web hosting service, and after my website was moved the “scroll to top” button takes up half the page, and on every web page within my site. I toggled the “Enable scroll to top” button off, hit Publish and the button is still on my website, and it’s still huge. I would like to remove this button or to make it the right size.

    How can I fix this?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello there,

    You can resolve this issue by adjusting the CSS, navigating to?Appearance → Customize → Additional CSS, and adding this code:

    #ast-scroll-top { font-size: inherit !important; }

    Before you do that, check if there is this code is already there -> https://prnt.sc/2Lo942fugv5k – and then just change “15rem” to “inherit”. Also, check if it’s maybe somewhere in the theme settings.

    Kind regards.

    The size results from a specification in your Astra theme settings. Go to Astra > Customizer > Global > Scroll to top in your backend. There you have a selection field for the size of the button, which is probably currently set to 15em. Change it to the size you want.

    If you have further questions, I would recommend the Astra support forum: https://www.ads-software.com/support/theme/astra/

    Thread Starter eric777

    (@eric777)

    @wpmajestic – Thank you, I found where to change 15rem to inherit, however I don’t know how to save the new code in the right hand side editor. Can someone please tell me how to save the new code?

    Please take a look at my note. Individual CSS code is not necessary as a solution.

    Thread Starter eric777

    (@eric777)

    Thanks @threadi, I will reach out on the Astra forum. I had tried changing the font size a bunch, and turning the toggle off (which it’s currently at) so not sure what’s going on. Appreciate your support!

    Hello @eric777,

    I am not sure about the right-hand side editor question, on my end Customizer is always on the left side, on top there is a publish button -> https://prnt.sc/EdLWmrhq4Hst, if from some reason Customizer is not working on your end, you can use https://www.ads-software.com/plugins/custom-css-js or similar plugins to add custom CSS code on that way.

    Kind Regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.