Menu Color Top of page + scroll + next pages

Hello,
I use menu basic 3 from Airi Pro “business”
The menu bar at the top is transparent on the start page. On all other sides, the bar is blue. How can I change the blue tone?

thanks!

Hello,

First sorry the delay for this reply!

To change the sticky color for the Home and About Us pages go to Appearance > Customize > Colors > Header > Background color (sticky)

ss2

For the others pages, currently it’s possible changing the CSS values at Appearance > Customize > Additional CSS:

Contact Page:
Locate the CSS code below and change the color value as per your needs.

.menuStyle3.page-id-70.page-template-template_page-builder .sticky-wrapper .bottom-bar {
	background-color: rgba(9,33,56,0.72);
}

The remaining pages like blog, single posts, pages, etc…:
Locate the CSS code below and change the color value as per your needs.

.menuStyle3:not(.page-template-template_page-builder) .sticky-wrapper .bottom-bar {
        background-color: #13151d;
}

We hope this helps!

Let us know if you need further assistance.

Kind Regards,
Rodrigo
aThemes Support

Hi,
thank you!
Unfortunately I cannot change the specified colors in the basic menu 3. Can I also insert an additional css code to overwrite the colors? Since I can’t find the code anymore

Hello,

Sorry, seems that I have confused the menu layout you are using while writing my last reply here!

For the Basic 3 Style, please try with this custom CSS code below at Appearance > Customize > Additional CSS:

body:not(.home).menuStyle5 .site-header {
	background-color: #c75000;
}

.menuStyle5 .is-sticky .site-header {
	background-color: #c75000;
}

We hope this helps!

Kind Regards,
Rodrigo,
aThemes Support