Grow your CSS skills. Land your dream job.

[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.

    link

    http://goo.gl/5EpuFD

    again, just wanna simple menu with no dropdown…

    HOME
    BIO
    SERVICES
    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

    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.

*May or may not contain any actual "CSS" or "Tricks".