We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Jordan
  2. General Discussion
  3. Friday, 19 June 2015
  4.  Subscribe via email
Hi everyone,
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
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
1
Votes
Undo
Hi,

Sorry for the late reply. Please open the templates/t3_bs3_blank/tpls/blocks/footer.php file and find the following code:

<div id="back-to-top" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">


You should remove the "hidden-xs hidden-sm", the class is to disable the button in small and extra small layout.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Sorry for the late reply. Please open the templates/t3_bs3_blank/tpls/blocks/footer.php file and find the following code:

<div id="back-to-top" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">


You should remove the "hidden-xs hidden-sm", the class is to disable the button in small and extra small layout.

Regards.


It works!! Thank you so much!!
Best regards,
JoCo
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.