select list menu for mobile responsive – How To?

Community Forums Forums Design Tips and Tricks select list menu for mobile responsive – How To?

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  Kenn 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14648

    stephencounsell
    Participant
    Post count: 15

    Hi,

    I’m using Genesis and the sample “responsive” child theme and want to swap the menu structure for a drop down select list when it’s viewed on a mobile.

    All working fine in “responsive” mode apart from the menu.

    I need help on this please…

     

    #14649

    SoZo
    Moderator
    Post count: 1573

    You could use a conditional statement like this to remove the primary/secondary menu then add in your new drop down in its place.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14658

    stephencounsell
    Participant
    Post count: 15

    Thanks for the tip SoZo. Helpful.

    However, I think I’m looking for how to re-write or output the menu items into a Select List.

     

    #15363

    Kenn
    Participant
    Post count: 28

    I found this CSS: Responsive Navigation Menu tutorial, It uses clean and semantic HTML5 markup to produce a responsive menu without having to use Javascript.


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

You must be logged in to reply to this topic.