- This topic has 4 replies, 3 voices, and was last updated 5 years, 8 months ago by
.
How i can change c-hamburger color, i was try with inspection chrome but i cant chnage it, thanks for u help.
This is my screenshoot http://prntscr.com/fgp69j
My website https://babah.co.id/
HI @abdullah,
I hope you are well today and thank you for your question.
You can change it 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
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger:not(.is-active) span, .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:before, .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:after{ 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 teamWowww thanks but why if i clik button menu not perfect x to close some line on middle close x. Can u helpme
This screenshoot
and this my link
To resolve it try using below custom CSS code.
.c-hamburger--htx.is-active span { background-color: transparent!important; }Hello, I changed the colour of the hamburger using this CSS:
#header-navigation-mobile .c-hamburger span,
#header-navigation-mobile .c-hamburger span::before,
#header-navigation-mobile .c-hamburger span::after {
background-color: #000 !important;}But I have the same problem as above, when hamburger is selected, the middle line stays visible. I tried editing using yellow pencil but to no success. The suggest CSS doesn’t seem to make any difference:
.c-hamburger–htx.is-active span {
background-color: none!important;
}Thanks
