Results 1 to 3 of 3

Thread: Responsive Menu Help

  1. #1
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default Responsive Menu Help

    The responsive framework I'm using has a two menus:
    A top horizontal that folds all items up and shows menu text with the burger icon
    An aside menu that shows all the items in responsive

    Here is the framework stripped down to show the 2 menus: http://dwwebdesigns.com/custom/menu1.html

    What I'd like is to have the aside nav be the only navigation, but to fold up and show the burger icon when resized. Getting the top nav to display vertically and have the ability to be styled just like the aside-nav would also work (and is what I first tried).

    This requires editing 3 files, the html, CSS and Javascript. I've been working on this on and off using trial and error with this framework CSS being new to me and my limited knowledge of javascript and have not had much success.

    Here is a template of the page I'm hoping to use this on: http://www.dwwebdesigns.com/custom/atc.html. I've added screenshots to show how the current menu resizes and what my end goal is.

    Click image for larger version. 

Name:	ATCMenu_no.jpg 
Views:	85 
Size:	10.1 KB 
ID:	6130Click image for larger version. 

Name:	ATCMenu_yes.jpg 
Views:	80 
Size:	8.0 KB 
ID:	6131
    Thanks in advance,
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    653
    Thanks
    96
    Thanked 26 Times in 26 Posts

    Default

    I've used this and love how the menu doesn't take away from the main part of a page.
    https://github.com/mango/slideout

    here's another option http://git.blivesta.com/drawer/

  3. #3
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default

    Thanks, but I'd like to try to use the menus that come with this responsive framework first, before scrapping them and going in a new direction. They would allow me to closely match the look of the current live site: http://www.dwwebdesigns.com/custom/atc.html and http://www.altogetherchristmas.com/
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

Similar Threads

  1. eFluid Responsive Top Menu
    By dave54 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-06-2016, 02:16 PM
  2. eFluid Responsive Top Menu
    By button1 in forum Bug reports
    Replies: 1
    Last Post: 04-04-2016, 09:22 PM
  3. resize pure responsive menu.
    By jonnyfreak in forum CSS
    Replies: 4
    Last Post: 01-17-2016, 02:48 PM
  4. Responsive Side Toggle Menu
    By jdadwilson in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 12-16-2015, 06:45 PM
  5. Responsive Mouseover Tabs Menu
    By chechu in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-04-2015, 12:59 PM

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
  •