Adding a scroll bar to your Wix site is a simple process that can be accomplished in just a few minutes. Here’s how:
1. Log into your Wix account and open the Editor.
GREAT NEWS:
Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.
2. Click on the “Add” button in the left sidebar and select “More.”
3. In the “HTML Code” box, enter the following code:
PRO TIP: When adding a scroll bar to your Wix site, be sure to test it on all browsers and devices. Scroll bars can sometimes cause issues with alignment and formatting, so it’s important to make sure everything looks good before publishing your site.
<!-- Add a scroll bar to your Wix site -->
<style>
::-webkit-scrollbar {
width: 12px; }
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; }
::-webkit-scrollbar-thumb {
border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
</style>4. Save your changes and preview your site to see the new scroll bar in action!
