Hello

Thank you for your query.

1. Please add the following css rule in custom css section .sp-megamenu-parent { margin: 0px; }
2. Kindly check the screenshots below - I have highlighted from where the image & color is generating

3. Create your module and use "Top1" & "Top2" as position.
4. Use the following css code. Set your color by changing the rgb value and change the alpha (a) value for transparency: #sp-header { background-color: rgba(0, 0, 0, 0.3); }

• 1 Nothing changed :(
• 2 OK - thx :)
• 3 OK - thx :)
• 4 You didnt understand me - i want it tranaperent even without scrolling but slider is below header so we cant see it (like here rawmeble.pl)

my custom.css file:

/*  1    */
.sp-megamenu-parent { 
    margin: 0px; 
}
/*  2    */
#sp-footer .container-inner::before {
    content: none !important;
}
/*  4    */

#sp-header{ 
    background-color: rgba(0, 0, 0, 0.3); 
}

Thank you for your patience. Kindly use the following css instead - to make the header transparent & to position the slider under header.

#sp-header{ 
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3); 
}