Rid off transparency in Header Menu


#1

i really would like to get rid of the transparency in the Header Menu of the ASTRID PRO Theme.

There were the Logo/Title and Navigation is.

When you scroll your page this Header turns transparent - i have tried every single entry in the SITE-HEADER section of the style.css but without any result. Also I implemented various additional CSS code as found in this forum but it also didnt help.

Anyone can help me ?


#2

I solved my probleme :slightly_smiling_face:
i remove at line 62 on \wp-content\themes\astrid\inc\styles.php

$custom .= ".site-header,.site-header.header-scrolled { background-color:" . esc_attr($menu_rgba) . "}"."\n";

and it’s work :smiley:


#3

Hello there,

There’s an alternative solution which is safer instead of editing the main theme’s file. Because doing so will causing you update problem in the future. One theme is updated, all files are wiped out and replaced with new ones. For better solution, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.site-header,.site-header.header-scrolled {
    background-color: #fff000 !important;
}

Adjust the hex color code as needed.

Regards,
Kharis