Scroll to Top button behind footer

Support
#1

Hello!

Scroll to top button is visible till the footer section. It seems to “hide” behind that whole band. How do I make it stay “on top” of the footer section?

Best,
dbproduction

link under the license:
http://m3c.c7c.myftpupload.com/

#2

Hi There,

Please add this custom CSS under Theme Options > CSS:

.x-colophon {
    z-index: 1;
}

Hope it helps :slight_smile:

#3

Thank you very much @thai! :slight_smile: Let me know if there is another way, I’m all or codes, but the one in charge of this project prefers little to none. Just let me know if this is the only way or if there is another just so I can present it to them :slight_smile: MANY THANKS! :slight_smile:

#4

Hi There @dbproduction

You can also change the color by adding another CSS rule. Please follow the example below and add it into your X -> Theme Options -> CSS area with your own color values.

.x-scroll-top {
    color: red;
    border: 2px solid red;
}

Hope that helps.

#5

Thank you for that! I can certianly present that as an option :slight_smile: I just wanted to know, if there was a way to fix the scroll to top button without adding customized codes. I’m all for codes, but not many in the team feel that way and fear codes will hurt the site at some point. So, if there is a way to fix the button from hiding without the use of codes please let me know. If there isn’t, please let me know. This way I can the solution(s) to the team. Many thanks for the above though! Its always good to learn something new :slight_smile:

Best,
dbproduction

#6

Hello @dbproduction,

Thanks for updating the thread.

As of now you will have to use some custom code to change the color of scroll to top button. I suggest you to add the code into X > Theme Options > CSS to avoid any issues down the line.

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.