How can we change – header mobile menu items color, and hover color for mobile menu items?
This topic has 5 replies, 2 voices, and was last updated 10 minutes ago ago by Armia
How can we change – header mobile menu items color, and hover color for mobile menu items?
Hello, @Armia,
Thank you for contacting us and for using XStore.
We kindly ask you to navigate to **XStore Builders** > **Header Builder via Elementor** > **Edit Header Template** > **Edit Mobile Menu** > **Style** > **Offcanvas/Dropdown**. From there, you can adjust the color according to your requirements and save the changes.
For your reference, please see the attached image.
We hope this information is helpful. Should you need any further assistance, please do not hesitate to reach out.
Best regards,
8Theme Team
Hallo,
Thank you.
But my question is about the hover.
How can we change – header mobile menu items color hover , I mean when i press the arrow it goes to another color I don’t want all same color.
Did you get me?
Hello, @Armia,
Thank you for your response.
Please try to add the next custom CSS code in XStore > Theme Options > Theme Custom CSS > Global CSS.
.etheme-elementor-mobile-menu-element.etheme-elementor-mobile-menu-wp_menu ul#menu-1- li:hover a span {
color: green !important;
}
You can change the color to green in the code as per your requirement.
Best regards,
8Theme’s Team
This code changes them all to green and does not return to the original color, but when the page is loaded again, the original color returns.
But not good like that either.
Can u please do something with this code?
You must be logged in to reply to this topic.Log in/Sign up