How to style mobile nenu bar

[newcoder1010]

Hello,

I have this css to style mobile menu bar. I can see it is working in chrome browser toggle device tool bar. But I do not see the color changing in mobile device. Please advise. 

nav#block-subboottheme-footer .toggler {
    color: white;
}

 

[JMRKER]

Too little code to help.

For example:
1. What does '.toggler' look like?
2. What does the HTML look like?
3. Is any JS being used to trigger the color change?

BTW, welcome to the forums.

PS: going by the name, not the # of posts.

 

Edited November 22, 2019 by JMRKER

[newcoder1010]

<nav role="navigation" aria-labelledby="block-subboottheme-main-menu-menu" id="block-subboottheme-main-menu">
            <h2 class="sr-only" id="block-subboottheme-main-menu-menu">Main navigation</h2>

      
      <div data-mediasize="992" class="responsive-menus responsive-menus-0-1-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>
                      <li>
                                        <a href="/about_us" data-drupal-link-system-path="node/6">About Us</a>
              </li>
                      <li class="last">
                                        <a href="/contact_us" data-drupal-link-system-path="node/5">Contact Us</a>
              </li>
        </ul></div>
  

  </nav>

 

[dsonesuk]

Provide a link to a working example, how do you expect as to identify the problem without css and any other resources used. Its like taking just the body of a vehicle to a mechanic and saying it doesn't work.