Problem with #header class="sticky-style-2" and top-bar

Hi, when i try to add the class 'sticky-style-2' the desing shows this blank space behind the top-bar, how can i make it look right?

Attachments:
Image with bug 1.jpg
Html code 2.jpg

Sorry the attachment didnt uploaded...

<div id="top-bar">
...
<header id="header" class="transparent-header full-header sticky-style-2" data-sticky-class="not-dark">
...
<section id="slider" class="slider-parallax swiper_wrapper full-screen force-full-screen clearfix">
    <div class="swiper-container swiper-parent">
        <div class="swiper-wrapper">
            <div class="swiper-slide dark" style="background-image: url('{% static "canvas_v4.3/images/slider/swiper/1.jpg" %}');">