custom css do not work for mobile
Hi,
I am trying to adjust the position of Back to top button to move it closer to the right.
It works fine on desktop when I change the size of the browser window. But nothing changes on my mobile phone. The same with Busket icon in top bar.
I use the following code in custom CSS (it does not matter which size in max-width):
@media only screen and (max-width: 960px) {
.nice-scroll #Footer .footer_copy a#back_to_top.sticky {
right: 25px;
}
can you help please?
I am trying to adjust the position of Back to top button to move it closer to the right.
It works fine on desktop when I change the size of the browser window. But nothing changes on my mobile phone. The same with Busket icon in top bar.
I use the following code in custom CSS (it does not matter which size in max-width):
@media only screen and (max-width: 960px) {
.nice-scroll #Footer .footer_copy a#back_to_top.sticky {
right: 25px;
}
can you help please?
Comments
please send us url to site where you want to move this icon to the right.
Thanks a lot.
.nice-scroll #Footer .footer_copy a#back_to_top.sticky { right: 25px !important; }The following css works fine for my phone:
@media only screen and (max-width: 960px) {
#Footer .footer_copy a#back_to_top {right: 1px !important;}
}