I'm having a problem with the back to top button using the Purity III template by JA. The problem is this: the button doesn't appear on mobile devices!!
I'm using this code in my style.less file :
// Back to Top
// -----------
#back-to-top {
position: fixed;
right: @t3-global-margin;
top: auto;
z-index: 999;
display: none;
bottom: -60px;
@media (min-width: @screen-sm-min) {
display: block;
}
.btn {
background: none;
border: 2px solid @brand-primary;
color: @brand-primary;
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 1;
padding: 0;
text-align: center;
.opacity(0.7);
.transition(0.2s);
&:hover, &:active, &:focus {
background: none;
outline: none;
.opacity(1);
}
}
&.affix {
bottom: @t3-global-margin * 2;
}
a {
outline: none;
}
i {
font-size: @font-size-large + 10;
line-height: 22px;
}
}
Thank you,
JoCo