- This topic has 1 reply, 2 voices, and was last updated 6 years, 8 months ago by
.
Hi,
When using the sticky mobile header, the background colour is normal until I scroll. As soon as I scroll, it instantly changes to white. This is an issue as my text (and therefore my hamburger menu) are both white. When I scroll, the following CSS (style.css, line 1099) is applied to the sticky mobile header:
header.primary-mobile .sh-sticky-mobile-header-active { background-color: #fff!important; }Firstly: why is this implemented in the first place?
Secondly: why can’t I change this? There doesn’t seem to be an option to disable the background-color changing when scrolling.
This is easy to fix with CSS by simply overriding with the menu’s background colour, but this means changing the CSS every time the menu background is changed in the Customiser. It’s an extra step that shouldn’t be necessary.
Is there any way to remove this class with a PHP function or something that I could add to my child theme in the meantime?
Thanks,
Billy
Hi Billy,
I hope you are well today and thank you for your question.
I am not sure why it is added there but i could confirm the issue on my test site therefore notified the theme developer about this so that it will be fixed.
The issue will be fixed ASAP.
In the meanwhile you can try resolving the issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
header.primary-mobile #header-mobile.sh-sticky-mobile-header-active { background-color: #000!important; }You can change the color value in the above code to whatever you want to use by referring the following pages.
http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.aspBest regards,
Shufflehound team
