Bug line on Safari web browser?

[ahlbergsmedia]

A line is showing on this home page when using Safari web browser (see image). I can’t understand why it’s there. No line is visible when I use Chrome. Pleas help!

This is the css I use to make the slider look the way it dos:

body {
padding-left: 1rem;
}

header.entry-header {
height: 12px;
}

header.entry-header h1.entry-title {
display: none;
}

.x-flexslider {
overflow: visible;
}

.x-flexslider .flex-viewport {
z-index: -1;
}

.x-flexslider ol.flex-control-nav.flex-control-paging {
background: transparent;
position: static;
display: flex;
justify-content: flex-end;
margin-top: -15px;
}

.x-flexslider .flex-control-nav.flex-control-paging li a {
background: none;
border: 1px solid #000;
}

.x-flexslider .flex-control-nav.flex-control-paging li a.flex-active {
background: #000;
}

[ruenel]

Hello Jonathan,

Thanks for writing in! The issue is caused by your unfinished section background setting. You set it to have a background image yet, you haven’ inserted anything.

Please disable the “Advance” background settings and saved your changes.

Kindly let us know how it goes.

[ahlbergsmedia]

Now it works! Thanks for the help.

[ruenel]

You are most welcome. It good to know that it worked.