- This topic has 10 replies, 2 voices, and was last updated 7 years ago by
.
The color of the header and the hamburger menu differ on responsive for some reason. I have styled everything for the desktop version, but the moment things go on responsive, everything changes. How can I edit:
– The color of the hamburger icon
– The color of the “X” when a hamburger icon is open
-The color of the drop down
-The color of the text on the drop downHow to make sure those are not going to change on another width. If there are some additional adjustment that are required for other widths, please tell me how and where to edit them.
Please provide exact instructions
Thank you in advance.Hi @User,
I hope you are well today and thank you for your question.
How have you styled everything for the desktop version?
Could you please share me your site URL where it’s displaying so that I can help you?
You can change the theme colors from Theme Styling settings and using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound teamThank you
Solution for this topic
You can change hamburger menu color 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: rgba(80,80,80,1) !important; }Not working 🙁
It is working fine for me on your shared site as displayed in the attached screenshot.
Please test it clearing your browser cache or using a different browser.
Yes, now it is working, thanks!
Another thing
You are most welcome here 🙂
I have notified the forum moderator to remove the attached screenshots.
It seems your site logo is also displaying in your above shared screenshots so do you want to also remove it?
Yes I want to remove it, Thank you! 🙂
Ok we will remove that also 🙂
