The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] want to get rid of responsive dropdown menu instead…

  • # July 8, 2014 at 6:25 am

    hi guys, a total noob here.

    i want to remove the dropdown menu in mobile – instead i simply want to list them with no drop down.


    again, just wanna simple menu with no dropdown…

    etc, etc

    i’m still new to google inspect tool. i’m not even sure if this is what triggers the dropdown box…

    input[type="text"], input[type="password"], input[type="email"],
    textarea, select {  padding: 4px 4px; margin: 0; outline: none; max-width: 100%; margin-bottom: 10px; border-width: 1px; border-style: solid;
        -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
    input[type="checkbox"], input[type="radio"] { display: inline; margin-bottom: 10px; }   
    select { padding: 0; }  

    please help! thx in advance!!

    # July 8, 2014 at 6:31 am

    You’re probably going to have to dig in the code that actually generates the menu, and change the SELECT to an UL (and their children, so also change OPTION to LI).

    Hard for us to help unless we have the source code of the theme to see how to change it. And since it’s a paid theme, it’s not really possible for us to check it ourselves unless we’d buy the theme.

    Having said that — you paid for the theme; this includes actual support, so perhaps it’s an idea to contact the theme author/seller. They should be able to help you much faster than we can.

    # July 8, 2014 at 8:11 am

    This reply has been reported for inappropriate content.

    Actually u can do it with some CSS as well, as there are 2 Main-Navigations in the html:

    @media only screen and (max-width: 767px) {
        ul.sf-menu li {
            width: 100%;
    div.gdl-navigation-wrapper .main-navigation-wrapper {
        display: block !important;
    .responsive-menu-wrapper {
        display: none !important;
    # July 8, 2014 at 8:53 am

    oh snap! it works!! thx so much!!!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed