-
-
I added the following custom CSS code to Back to Top Button . Unfortunately, the button will be the same at the beginning appears to position1 .
.scrollup { z-index: 9999; display: block !important; } .scrollup { background-color: #25AAE1 !important; }
1 ) The button is only to be displayed when you scroll down .
2 ) the button is behind the Footer . However, the button to be displayed in front of the footer
-
-
-
-
-
Hello,
1/2. I fixed it. Please delete the code you have added:
.scrollup {
z-index: 9999;
display: block !important;
}3/4.
Please add this css code:
@media (max-width: 480px){ #logo { margin-right: 25px;} }
How do you want to scrollup button on responsive?
Best regards!
-
-
Hello,
Sorry, remove just display: block !important;. This is the code that should be added at custom css box:
.scrollup {
z-index: 99999999;
}Best regards!
-
Hi,
1) was resolved.
2) The problem is still there.
3) The problem is still there.
4) was resolved.Thank you!
-
Hello,
Sorry for the late reply.
2 ) the button is behind the Footer . However, the button to be displayed in front of the footer
Please add this code into your custom css box:.footer_wrapper { z-index: 0 !important; }
3) The Button is not responsive
The responsive version of back to top button looks ok when we check it in mobile (screenshot). Are you not viewing this? Can you send a screenshot of it?Best regards!
-
2) Works but a new error. Please check
3) The button is in resposive Version to big and must be a little bit move to right
-
-
Hello,
2-I don’t see any error in this section (and entire page), screenshot. Do you still have it? Perhaps it may be caused by some add-on installed on your browser or temporary bad internet connection.
3-You can style it as you wish with some custom css. In this case, add this code:
@media (max-width: 480px) { .scrollup { width: 50px; height: 50px; margin-right: -8px; }}
Change the values to your wish.
Best regards!
-
hi
2) Please open the site with Firefox. Scroll down and click on the back to top button. scroll down again and see the Problem :)
3) Thank you! resolved
-
Hello,
Please go to file css/boostrap.css and find these lines:
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
edit to this:
a:focus { outline: medium none; outline-offset: -2px; }
Save file.
Best regards!
-
the Problem was resolved. Thank you!
You can Close that ticket.
-
You must be logged in to reply to this topic.