Colored lines or borders between separators

Hi there!

This question is related to:

I use several separators (green, pink and blue). Under the green one there is a small green (bottom?) line or border (?) in the middle of the pink one and there is another under the blue one in the middle of the next section. I don’t understand it. Any ideas?

Another problem: The header images is cut off at the top (or the main navigation is overlaying it). Any ideas how I could change that?

Thank you very much for your kind help!


Hello Beate,

They can’t seem to be noticeable on my monitor. Probably it only appears on certain resolution. What is you resolution?


Dear Kharis,

The resolution ist 1920x1080.

Furthermore: There is no visible green line (in the middle of pink area) with the same resolution using Internet Explorer but the blue one is visible beneath the colored separators.

Do you have ideas regarding the cut off header image?

Thank you very much Kharis!


Hello there,

Not really sure why tiny lines appear between separators. Try adding the below additional CSS code to eliminate it.

.svg-container svg {
  border: none; 
  margin-bottom: -2px;

To change the position of the image header starting from the top, add this CSS code:

.header-image {
  background-position: top center;


Hello Kharis,

nope, does not work. But I tried instead

.row-sep-b {margin-bottom: -2px}

(instead of 0px)

Now it works! :slightly_smiling_face:

The cut off header image works with the deletion of background-attachment: fixed; for .header-image

Thank you very much for your work and your help!!!


Great! You’re welcome! Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.