Custom colors of menu icon and links

Hi, @reivorz

It looks like you use Elementor to make the customizations to your website.
https://prnt.sc/8BF0qDs5tI76

Therefore, you should adjust the color setting within Elementor for each section of your website. This is usually available in the Style tab of each element:
https://prnt.sc/lqSNwq2PV82L

You should also check the global color settings from Elementor.

1. But the Header of the website wasn’t created with Elementor, and therefore it’s not possible to select it as an element to adjust the color settings in the Style tab; as you can see in this screenshot, the first section of the homepage is under the Hero Area. The global color settings from Elementor are these, and nevertheless the Navigation icon background still has the color #F3BAFD?which is not in any of the settings.
2. As previously requested, is it possible to use a CSS code to change links color when hovering over them?

Thank you.

@reivorz even if the header is not created with Elementor, it seems like one of the customizations from Elementor rewrites the styling for the menu button on mobile. Add the following code to Appearance -> Customize -> Additional CSS:

.elementor-kit-185 button, .elementor-kit-185 input[type="button"], .elementor-kit-185 input[type="submit"], .elementor-kit-185 .elementor-button {
    background-color: transparent;
}

This code could rewrite other elements from your website and make them with a transparent background.

To change the color of the links on hover across the website, use the following code:

a:hover {
color: #d39add;
}

Please note that we don’t provide customization services for the free themes. Follow these recommendations for further customizations:
https://www.wpzoom.com/tutorial/recommended-practices-for-customizing-a-wpzoom-theme/

I’m gonna end up using Elementor templates because the last code wasn’t working. Thank you though.