Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Go To Top Button
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Go To Top Button

Go To Top Button 7 years, 11 months ago #28253

How do I move the go to top button on right side to bottom of pages instead of middle
The topic has been locked.

Re: Go To Top Button 7 years, 11 months ago #28266

  • thuyltt
Dear sir,
Please send us your URl link to check this we will send code for you?

Thanks.
The topic has been locked.

Re: Go To Top Button 7 years, 11 months ago #28274

Site is not open to public. To see this development site go here:
:pinch: Warning: Spoiler!


Thanks
The topic has been locked.

Re: Go To Top Button 7 years, 11 months ago #28289

  • thuyltt
Dear sir,
I see your bottom site if cookie and it is black, how do you want to style back to top button?
This is code to move: please add it in bottom of file: /templates/sj_flooring/css/your_css.css
.backtotop {
background-color: #666;
width: 45px;
bottom: 51px;
top: auto;
right: 48%;
padding: 5px 0;
overflow: hidden;
z-index: 300;
position: fixed;
display: block;
text-align: center;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
color: #fff;
}

Thanks.
The topic has been locked.

Re: Go To Top Button 7 years, 11 months ago #28304

Code works but I needed to change : right: 48%; to right 2% so it would be aligned closer to right border of site instead of bottom center of pages. .

Thank you!

thuyltt wrote:
Dear sir,
I see your bottom site if cookie and it is black, how do you want to style back to top button?
This is code to move: please add it in bottom of file: /templates/sj_flooring/css/your_css.css
.backtotop {
background-color: #666;
width: 45px;
bottom: 51px;
top: auto;
right: 48%;
padding: 5px 0;
overflow: hidden;
z-index: 300;
position: fixed;
display: block;
text-align: center;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
color: #fff;
}

Thanks.
Last Edit: 7 years, 11 months ago by Banas Stones. Reason: Wrong information.
The topic has been locked.
  • Page:
  • 1
Time to create page: 0.21 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes