Convert Menu to Dropdown on Mobile Screens

Community Forums Forums General Discussion Convert Menu to Dropdown on Mobile Screens

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  rctechs 1 year, 3 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #43042

    rctechs
    Participant
    Post count: 17

    I am trying to convert the Nav Menu to a Dropdown when it is viewed on the iPhone screens.  I found a tutorial for help but since it is not Genesis related I am not sure where to put the HTML info. I am using the sample theme and wanted to get this setup first before I went to deep in theming the site.

    Using the following page info. http://css-tricks.com/convert-menu-to-dropdown/

    My site http://dev.rc-techs.com/tb

    Any assistance would be great in pointing me to the right location to add the HMTL for the dropdown menu.

    Sean

    #43485

    wpspeak
    Participant
    Post count: 116

    May may want to try this tutorial http://youneedfat.com/genesis-responsive-design-menu/ yeah it’s for Genesis.


    #43899

    rctechs
    Participant
    Post count: 17

    Thanks for the info, I will check this page out and let you know how it goes.

    Sean

    #44027

    wpspeak
    Participant
    Post count: 116

    The tutor is straight forward, pretty sure you can follow it. Just to let you know, I used the same code for one of my projects and it works perfectly.


    #44040

    rctechs
    Participant
    Post count: 17

    Thanks I just ran through this yesterday & worked out great. Not really the look I was going for but I think I can style it to work out.

    Sean

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

You must be logged in to reply to this topic.