January 7th, 2014, 06:00 PM
RWD & Menus
i am a freelancer who uses Dreamweaver to design and code, currently moving into Responsive Web Design
i bought a responsive menu tool and used it to create a horizontal menu of (traditional standard) 960px width
it works perfectly on desktop screens (>1024px) and all smartphone screens (<700px) have the hamburger icon
however, on many tablet screens, depending on device orientation, the menu wraps onto 2 lines between 701px and 959px.
i am then informed that its not possible for this automatic tool to create responsive menus for ALL devices,
and that i should not be making menus so wide i.e. responsive menus should not be wide? or automatic menu tools do not actually work for wide menus on all devices?
the next suggestion was to customise the code to adjust the menu behaviour between 701px and 959px,
which is fine if you are an experienced CSS programmer but leaves me feeling slightly let down
and slightly worried that i now need more CSS skills to use this (supposedly) automatic responsive menu tool.
or maybe i am missing the point and soon most tablet users will have 1024px screens?
i appreciate your opinions.
January 10th, 2014, 08:33 PM
good news! they came up with a CSS tweak for the tablet version, single row with 8 buttons now splits into an elegant 2 rows with 4 buttons, a PERFECT solution!