Top separator problem

[kenatnet]

Hi guys,

I have a question about the top separator.

I use this cool function a lot, but for some reason the top separator is not connected to the section sometimes. That means that there is a 1px transparent line between the section and the top separator. It happens random in different browsers (Chrome, Safari etc.)

Is there a way to fix this?

Thanks a lot.

[rad]

Hi @kenatnet,

Thanks for reaching out.

I’m able to reproduce that glitch sometimes but not always, and sometimes it fixes itself and sometimes I added a custom CSS to fix it. I tried to see if I can get the same issue on my installation but no luck. Would you mind providing a sample URL where this line issue is?

Thanks!

[kenatnet]

My apologies for the late response.

Here are 2 websites that have the glitch sometimes:

changmade.com
kenchang.nl

[christian]

Hey @kenatnet,

That issue could be replicated when you accidentally zoom the page using the browser’s zoom feature. Viewing the page using the 100% default zoom level, the issue could not be seen.

Please try to apply a negative top margin to the section you enabled the top separator. Try -11px. For bottom separators, apply a negative bottom margin.

Thanks.

[kenatnet]

Hi @christian_y,

Thanks to your hint I found a temporary solution…
If I keep the margin at 0px and set the top separator inset to 1px the gap will disappear.

So for now it works perfect.
Thanks for the help!

[rad]

Glad it’s working now and thanks for sharing