I’m having an odd issue with my Webflow project. In the Designer and preview, the site’s scrollbar looks totally normal. But once I publish, I get a big, bright blue scrollbar on the live site. It’s only happening on this one project - other Webflow sites or regular websites appear fine.
I’m on the free plan, so I can’t add or remove custom code at the site level, but I haven’t knowingly added any scrollbar styling in the Designer either. Does anyone know what else could be forcing this oversized blue scrollbar, or how I can revert it to the default look?
Any help would be greatly appreciated!
Here is the read-only link, however, you can’t see the blue scrolling bar here: LINK
The oversized blue scrollbar on your published Webflow site is likely due to browser-specific styling or an unexpected inherited style from Webflow’s default settings. Since you can’t add or remove custom code on the free plan, check if any Webflow settings (like All Pages styles or body styles) are affecting the scrollbar. Some browsers, like Edge or certain Chrome versions, apply default scrollbar styling that can appear differently on published sites. Try viewing the site in incognito mode or another browser to see if it’s a local issue. If it persists, inspect the site using DevTools (F12 or Cmd+Option+I on Mac) to check if any unexpected CSS rules are modifying the scrollbar appearance. If found, adjusting Webflow’s built-in styling (like setting overflow: auto on body) might help override it.