Overlapping ( announcement overlaps header while the header overlaps slideshow banner)

[niceeee]

how to fix?

testing (makerlab-electronics-ph.myshopify.com)

[Ujjaval]

@niceeee add below css into base.css file

@media only screen and (min-width: 1024px) {
div#shopify-section-sections--16013134430399__announcement-bar {
    position: fixed;
    width: 100%;
}
.shopify-section-header-sticky .header-wrapper {
    background: #28828D!important;
    margin-top: 38px;
    position: fixed;
    width: 100%;
}
slideshow-component {
    margin-top: 166px;
}
}