Reply To: Header color change on scroll.

First, remove regular SVG image icons from the main menu and then add the following custom CSS code that adds woodmart-font font icons to each main menu item.

.wd-nav-main > li > a:before {
	font-family: "woodmart-font";
	font-weight: 400;
	margin-inline-end: 7px;
}

/* SHOP MENU ITEM */

.wd-nav-main > .menu-item-15578 > a:before {
	content: "\f146";
}

/* ABOUT US MENU ITEM */

.wd-nav-main > .menu-item-15748 > a:before {
	content: "\f124";
}

/* CONTACT MENU ITEM */

.wd-nav-main > .menu-item-15749 > a:before {
	content: "\f125";
}

If you want to set another icon from woodmart-font, navigate to the Theme settings => Typography => Icon fonts, copy the code of the desired icon (https://prnt.sc/VlkDsj2klr0k), and paste it to the corresponding menu item in the provided custom CSS code (https://prnt.sc/Ac0Ns1l1fWBH).

Kind Regards