Merge the Slider with the site header

Hi @caninekart

On the linked page, there is a sticky menu while you have a relative positioned menu.
If you start scrolling on both of the pages, and you inspect position of the menu you will notice what I meant.

So to make your menu be able to overlap the slider and scroll like it does in the example, you should make your own menu position: fixed; as well: https://www.w3schools.com/css/css_positioning.asp
Please note that we can not provide support for theme customizations, but with a custom CSS like this:

header.site-header{
  position: fixed;
  width:100%;
}

you could make your own menu behave the same way. You probably wrap this CSS with media query: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
to make it only affect on wider screens ( maybe tablet and desktop )

Also your please note that your menu has a white background color set on the element with the class: “main-header-bar” so you probably also want to set a trasparent or semitransparent background color instead.

Finally, there is a 10px padding on the Elementor column, where you published the slider. So if you want to get rid of that gap around the slider, you should reduce this padding in Elementor.

Best regards,
Laszlo.