Back

Using links that don't break

When you add a long link to a Webflow project, either directly on the page or through CMS, the link might not break properly, especially on smaller screens.

Options

If you can hide the URL, wrap the text into a link span instead.

Add the following code snippet inside <head> tag on page or project specific custom code area. Change class-name accordingly or use "a" instead of ".class-name" if you want it to affect all links.

<style>
    .class-name {
        word-break: break-all;
    }
</style>