banner Full Bleed Banner in 7.1

Site URL: https://radiancesixty.squarespace.com

Password : 1234

Hi, how can i implement a full height carousel image till the header and change the menu to a hamburger menu in version 7.1?

Example will be the events2 it goes till the top of the header.

Thank you

Add to Design > Custom CSS

@media screen and (min-width:768px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
}

It don't seems to have any effect?

On 3/28/2022 at 4:24 PM, WengKien-IC said:

It don't seems to have any effect?

 

I see it already shows burger?

22 hours ago, tuanphan said:

I see it already shows burger?

Hi, I hope that the image will be full bleed till the top overlapping the logo and menu.

On 4/1/2022 at 12:12 PM, WengKien-IC said:

Hi, I hope that the image will be full bleed till the top overlapping the logo and menu.

 

A few days ago, I see you achieved this.

You should check again all code

Above code is make burger appear on desktop