Streaming live at 10am (PST)

Focus margin increase move whole page on focus

I have created some links for my blog posts to select by tag.
I have created a border round these links on focus.
When you focus the link, the border appears, but the whole page is moved (slightly).
How do I stop this?
thanks


Here is my site Read-Only: https://preview.webflow.com/preview/sebacic?utm_medium=preview_link&utm_source=designer&utm_content=sebacic&preview=7ead76beb05adaa505929470e71e2eb3&pageId=5d39a106040fc881b4df9e4b&itemId=5d39a10d08f9f55e439abbf3&mode=preview
(how to share your site Read-Only link)

1 Like

Hey @Jonathan_Holden

Try adding the same border on the none state. You can make it transparent. The reason behind the move is that the element doesn’t have a border and when visited the border appears and adds extra height and width.

Piter :webflow_heart:

1 Like