Hi Jonas,
I found the issue! Your <header> element (the one with class oss-nav) has a CSS property backdrop-filter: blur(10px) applied to it. This is what creates the blurry/frosted glass effect behind the header. Since the background color is transparent (rgba(0,0,0,0)), the blur is applied directly over the content behind it, which creates that strange blurry line you're seeing.
To fix this in Silex:
- Select the header element (the
<header> tag, which is a Symbol)
- In the Style panel, look for the backdrop-filter property (it may be under "Filters" or in the extra styles)
- Remove the
blur(10px) value or set backdrop-filter to none
That should get rid of the blur entirely. If you want a semi-transparent background instead (without blur), you can set a background color with some opacity, like rgba(0, 0, 0, 0.5), and keep backdrop-filter: none.
The line you see at the edge of the header is simply where the blur effect ends — once you remove backdrop-filter, it will disappear too.
