Try Now
More in this section

Forums / General Discussions / Responsive drop down menu

Responsive drop down menu

3 posts, 0 answered
  1. Yayoi
    Yayoi avatar
    1 posts
    19 Aug 2011
    30 Jul 2012
    Link to this post
    I'm testing mobile add-on for responsive design. Is there any information/tutorial regarding how to create a responsive drop down menu using the mobile add-on?
    I couldn't find any information on the Internet. 
  2. Mark
    Mark avatar
    147 posts
    01 Jun 2010
    30 Jul 2012
    Link to this post
    Check out the Educational Starter Kit:  http://university.sitefinity.com/
  3. Jochem Bökkers
    Jochem Bökkers avatar
    787 posts
    13 Aug 2007
    31 Jul 2012
    Link to this post
    Hey Yayoi,

    The University starter kit Mark mentioned is indeed a great place to start, just keep in mind the glitch they have (scale the window till it snaps to mobile, click browse. click browse again and then make the window bigger again... think portrait/landscape orientation switch).

    Brad Frost has put together a blogpost regarding 'responsive navigation patterns' with dozens of links to each best-practice. One of them mentioned is the Filament Group, they have a great step-by-step tutorial on how to go from regular <ul><li> to a responsive menu.

    On the forums here, several snippets are presented as to how to render the Sitefinity pages as a clean <ul><li>:

    CleanNav control by Aptera in the Marketplace.
    BuildMenu snippet by Rein, another one by Brandwidth and one by Josh Morales.


3 posts, 0 answered