Dropdown Menu Color (Mobile)


how can i change the color of dropdown menu just for mobile? I have a white bar on header, and white menu does not appear (mobile). You can touch in the menu area, and it opens submenu.


Below my css:

#header .bottom-header h1 {
text-transform: none;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);

/change menu color on front page/ .home #header .top-header .header-navigation ul li a{
color: #05a3ff;

/change menu color on ohter pages/ #header .top-header .header-navigation ul li a{
color: #05a3ff;

#header .top-header .header-navigation ul li a:hover{
color: yellow;

.home #header .top-header .header-navigation ul li a:hover{
color: yellow;
.single #menu-menu li a {
color: #05a3ff !important;

Best Regards

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change background color on mobile menu*/
@media only screen and (max-width: 992px){
  .responsive-menu {
      background-color: #653d3d;

Best regards,

Thank you for your faster answer, but it still doesn’t appear.
The 3 white lines, where we touch to see the submenus.
I wanna change the color of this lines.


Thank you for the clarification.

Use the following code instead

.open-responsive-menu .fa {
    font-size: 22px;
    color: #000;

Best regards,

Got it! Thank you very much!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,