Tagged: Mobile display
Hi,
I discovered that the button which is used to jump to the top of the site is displaying automatically / by default on my site, except on mobil.
My questions are:
– where can I enable or disable this button
– how can I change the color of this button if I wish to
– how can I display this button on mobil as well ?!!
Thanks for your support.
Kind regards,
Britta
Hi Britta,
1- You can add following code to Enfold theme options > General Styling > Quick CSS to hide it
#scroll-top-link.avia_pop_class { display: none !important; }
2- You can use following custom CSS code to adjust its colors
#scroll-top-link {
color: orange;
background: green;
border-color: red;
}
3- Please refer to this post – https://kriesi.at/documentation/enfold/footer/#display-scroll-to-top-button-mobile
Regards,
Yigit
Thank you Yigit,
for the code snippets and especially for the link to the documentation. I searched before but didn’t found it.
Is there also a possibility to display / position this button more to the right side, and in smaller size?
Thanks,
Britta
Hi,
You are welcome Britta!
Sure, you can use the code as following
#scroll-top-link {
height: 35px;
width: 35px;
line-height: 35px;
right: 35px;
}
Best regards,
Yigit
Perfect, thank you Yigit!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit