SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard bronze trophy cydewaze's Avatar
    Join Date
    Jan 2006
    Location
    Merry Land, USA
    Posts
    1,096
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    How to handle drop-down navigation

    I'm in the process of implementing Responsive Design on my wife's business's website, and I'm trying to decide how to handle the horizontal nav menu with drop-down items.

    Is there a "best practices" way of handling this? One thought I had (and which I used to swap footers) was to have two separate HTML versions, and use #display: none; in the regular stylesheet to hide the mobile footer, and vice versa.

    How do you guys handle drop-down menus for mobile devices?
    <cfset myblog = "http://cydewaze.org/">

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    A bit late with my answer but these are the usual approaches.

    I like the menu icon approach also favoured by bootstrap.

  3. #3
    SitePoint Member
    Join Date
    Nov 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just remember though, Apple require all browsers to be webkit-based.

    Opera Mini of course works in a different way.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •