Support » Theme: SimplyBlack » Menu Dropdown HTML-List

  • Resolved mal67


    Hallo Guido,

    mir gefällt dein Template sehr gut.
    Danke erstmal dafür.

    Leider gefällt mir aber das Menü nicht.
    Was kann ich denn da tun?

    Die Kunden sind sicher genervt, wenn Sie den Fat-Finger-Effekt beim Select bzw Pulldown Menü bekommen.


Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Guido



    My native language is Dutch, not German.

    You want to change the layout of the mobile select menubar?


    ah ok,


    yes, i would like the menu not to be a html-select menu, because of the so called fat finger effect

    Theme Author Guido



    You just want a list of pages, all items underneath each other? That’s possible, can help you with that. But I don’t recommend this in case you have many pages. Doesn’t look nice on small screen.


    yes, maybe it helps if you tell me how to add a custom menu.
    I hope its not that difficult to explain.

    I ve got 4 items in my menu.

    honestly said, i dont know if you can help me with that. seems to be lot of work.
    the theme is with an pull-down-select-menu.

    i dont know how to change that.

    or is your idea to add some buttons under each other integrated in the header? with a toggle-button?

    that would be great!

    I understand if you dont want to spend much time in your theme which is already finished.

    but i think this menu will make your theme more awesome.

    I can help you with this please let me know

    you can also add me on skype: [redacted – please keep all support on the forums]

    Theme Author Guido



    1) Remove all nav / menu code from the mobile stylesheet. It’s located on the bottom of file style
    2) Replace it with this:

    /* MENU */
    .nav-head {width:100%; padding:0 0 10px; background:none;}
    .nav-head ul {display:block;}
    .nav-head ul li {display:block; margin:0;}
    .nav-head ul li a {width:100%; display:block; padding:5px 0 5px 0; background:none; color:#000; border-bottom:1px solid #ccc;}
    .nav-head ul li a:hover {color:#666;}
    .nav-head .current_page_item > a, .nav-head .current_page_parent > a {color:#666;}
    /* SUB MENU */
    .nav-head ul ul {display:block; position:relative; top:100%;}
    .nav-head ul ul ul {display:block; position:relative; top:100%; left:0;}
    .nav-head ul ul a {width:96%; padding:5px 0 5px 4%; background:none; color:#000;}
    .nav-head ul ul ul a {width:92%; padding:5px 0 5px 8%;}

    Now you have a ‘normal’ html navigation in stead of a select bar.


    Thanks a lot!
    It works!

    I’ve also seen the other themes of your repo.
    great work! Clean, simple and easy to customise. Everything is possible with your themes.

    I’ll contact you to send you my blogadress when it’s finished.
    Hope you will like it.

    Bye Guido

    Theme Author Guido


    You’re very welcome. Nice to hear it works!


Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Menu Dropdown HTML-List’ is closed to new replies.