How to style mobile menu bar

[newcoder1010]

Hello,

<div data-mediasize="992" class="responsive-menus responsive-menus-0-0 absolute responsified"><span class="toggler">☰ </span><ul class="responsive-menus-simple" id="rm-removed">
                      <li class="first">
                                        <a href="/" data-drupal-link-system-path="<front>" class="is-active">Home</a>
              </li>
                      <li>
                                        <a href="/how_it_works" data-drupal-link-system-path="node/4">How it works</a>
              </li>

        </ul></div>

@media only screen and (max-width: 768px)
.responsive-menus.responsified span.toggler {
    color: white;
}

When I visit the mobile version in chrome toggle device tool, I see the menu is in white. But mobile device shows it in black. How can I display the menu in white? Thanks!

 

[dsonesuk]

Identify what makes it a black menu, use same css with maybe higher hierarchical identify (id , or class) so you can override the styling that makes it black.