Different Header on Scroll:
Add the Word "Menu" to Toggle:
.elementor-menu-toggle:before {
position: relative;
content: "MENU";
padding-right: 10px;
bottom: 0px;
color: #7c2525;
font-family: "Cabin Condensed", Sans-serif;
font-size: 1em;
}
Logo shrinks on scroll: check the custom css for the logo and the header section:
Logo Changes on Scroll, can change background color etc; note classes and css on logos and header section
See sample below
