Jump to content
newcoder1010

How to style mobile nenu bar

Recommended Posts

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;
}

 

Share this post


Link to post
Share on other sites

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 by JMRKER

Share this post


Link to post
Share on other sites
<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>

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...