Sticky Header Color Changing Problem

[shaonmak]

Hey there, I hope you have a great day.
So, recently i encountered a problem with the sticky header bar, which is white in color in desktop mode, but as soon as i switch to mobile mode the color changes to yellow and i can’t seems to find the setting of it. Screenshots below will further explain my situation.

Screenshots: https://imgur.com/a/WuEbuYy

[Sarmistha Chakraborty]

Hello,

This is your theme issue, please contact with your theme support for this purpose.

Thanks.

[shaonmak]

Hey there,

Our current using theme is called the Astra theme, previously we had made a website using this theme without having any problems. Just this one with WC will break the color coding on mobile version. Any thoughts on this?

Thanks!!!

[Sarmistha Chakraborty]

Hello,

You can try this css –

@media only screen and (max-width: 544px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.ast-transparent-header.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar, .ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar, .ast-primary-sticky-header-active.ast-header-break-point .main-header-bar-wrap .main-header-bar {
    background: #fff !important;
	}

}

Thanks.

[shaonmak]

Good day!!

Just wanna update, it worked like a charm!!

Thanks for the help!!!

[Author]

Posts