• nonamer

    (@localgreeneats)


    For my menu bar, I have 5 tabs and I want to write a specific code that creates a dropdown menu when the screen is smaller (i.e. iPhone/android version) or in a web browser (chrome, IE, mozilla) when the tab window is smaller than a desktop screen. I am not sure how to write the code for this and hoping someone can help.

    My website is http://www.localgreeneats.com

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • Did you disable the mobile menu that came with the theme? The demo appears to show a mobile menu button at narrow screen widths.

    Thread Starter nonamer

    (@localgreeneats)

    Yes I did using

    #site-navigation {
    display: none;
    }

    Because that was a useless drop down menu. It only appeared in android/iPhone version between my menu buttons and social buttons. It wasn’t clickable.

    I want to be able to have the menu tabs show on a full screen or tablet version and only have the option for dropdown for smaller screens. Essentially have the dropdown as a replacement to the menu tabs, instead of in addition to.

    You can experiment with a mobile menu plugin. I’ve tried Responsive Menu and it works very well. You can specify the width at which you want the mobile menu button to appear in the plugin options. You would just need to add your own media query to hide the regular menu, like:

    @media screen (max-width: 420px) {
       #secondary-menu {
          display: none;
       }
    }

    Thread Starter nonamer

    (@localgreeneats)

    great- thank you. I will look into responsive menu.

    Do you like (or have experience with) WPtouch? Thoughts? I’ve read a lot about it and how it allows websites to be mobile responsive apart from desktop versions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘drop down menu’ is closed to new replies.