Page 3 of 3 FirstFirst 123
Results 21 to 22 of 22

Thread: make navbar mobile responsive?

  1. #21
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    What do you want to have happen?

    Whatever it is, you can use the same media queries, and/or new ones, and/or copies of existing ones to show two entirely different menus based upon a screen size threshold.

    You wrote, "make navbar scale down and turn into the 3 bar symbol when the page size is smaller or on mobile or tablet", You cab set that via media queries*. But I'm curious. When the navbar is unseen, replaced by the 3 bar symbol, how will it be used to navigate the site?


    *At the screen size that you consider 'too small' have the existing navbar display none and the 3 bar symbol display block. At the screen size that is 'big enough' have the 3 bar symbol display none and the navbar display block.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  2. #22
    Join Date
    Jan 2009
    Location
    NH
    Posts
    675
    Thanks
    98
    Thanked 26 Times in 26 Posts

    Default

    I was thinking of having it change to the 3 bar mobile menu icon for people who are looking at the site on mobile or tablets to conserve their screen space. Do you think that's something I shouldn't worry about? With the upswing of all these devices it always makes me wonder what to do.

Similar Threads

  1. changing the cursor hot spot
    By undone in forum JavaScript
    Replies: 4
    Last Post: 08-17-2010, 02:28 PM
  2. Resolved Page width correct in Firefox but not IE... stumped
    By rsollman in forum CSS
    Replies: 4
    Last Post: 07-06-2010, 02:11 PM
  3. chrome drop down menu doesnt appear in the correct spot
    By midoll10 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 01-13-2009, 10:37 PM
  4. Hot!Spot
    By summit677 in forum Submit a DHTML or CSS code
    Replies: 0
    Last Post: 11-13-2008, 03:57 AM
  5. Mouse over image swap on hot spot
    By barge1 in forum HTML
    Replies: 2
    Last Post: 01-10-2005, 05:47 AM

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
  •