I am novice trying to build first site, that is responsive design. I want to create a navigation that works on all platforms (desk,tablet, and mobile), but am unsure as the best way to go about doing this.
To create navigation I know of essentially three ways? :
To avoid alot of frustration and time as a novice designer, does anyone have any suggestions for the best way to implement a navigation bar across all platforms?
Should I also consider using 'display none' in mobile CSS, and use a jquery menu somehow?
Thanks very much for any help.
Any advice for aligning a 'responsvie' footer would be appreciated.
You can implement this in your site:
Just follow the instructions on the websites.
I don't think your able as a novice to design something like this!
Or if you want to spend $ 95 for a extension that spits it out in Dreamweaver where you want it:
Thank you both, I tried both Responsive Nav and MeanMenu. Responsvive Nav I somewhat got to work, only issue is wouldnt show the minimized menu icon on mobile . The MeanMenu I tried and think I set up/used incorrectly. Possibly because I tried using MeanMenu without an unordered list on my page?
Thanks again, tried again, but my expertise / process is lacking. I'm close, but couldn't get to work. I'll keep trying with the scripts/widgets. I guess I just need to experiment and learn more. My site is www.dothopper.com. This is my first site, and I am novice designer. Aside from appearance, If you have any suggestions on how to insert theses scripts/widgets into my html and get all files into right places, attached stylesheets?, etc to get it to work--.. let me know.
Trying to hopefully keep all my html and CSS clean (by working with copies, or different files), but I worry some working with these scripts and widgets that I will 'bloat' somehow or by accident mess up my good html index page or my CSS stylesheetmain.
i didn't have my meanmenu indexpage on the net when you checked.
I tried installing JQuery Plugin 'FlexNav' for responsive navigation. I tried to follow all steps correctly, but have a problem. The menus stay droped down and won't dissapear (or operate correctly). Also the CSS pages that was added (flexnav, page, fontastic) appear to have overidden my CSSmain stylesheet (even though they are listed in HTML below my CSS stylesheetmain reference link, and they are also positioned under my CSS stylesheetmain in CSS Styles Dreamweaver Panel. (The link #1 is linked to my original good homepage-altered some horz.rules though). This demonstrates how the other CSS overode my CSS? Should I delete the page and font CSS stylesheets provided with FlexNav, and remove reference from my HTML? I can hopefully work around/style the CSS back to my liking, the main problem is getting the menubar to react:dropdown a menu. It is stuck in the down position.
Any help would be greatly appreciated. Thank you
Here is te site with my problem:
Here is where I got the plugin: