With my newly found responsive settings, I am trying to improve my site for mobile use. Right now, it’s the whole zoom in and try to find your way through the menus which sucks.
I am playing around with the responsive settings within FW, but, I’m looking to have an icon at the top corner of the page where all you see is the icon. When you click on it, you get your menu within. How is this accomplished?
I downloaded a “hamburger” icon from the net… It’s file extension is .icns. Is this correct? When you’re working within FW, do you see the list still, or do you see the icon? I see the list, and that’s exactly what’s being displayed when I view this from a mobile device. It’s redirecting properly, but the menu is still not functioning as I envision.
Okay so after watching this video: I understand it a bit more. It seems the icon will only be triggered by breakpoints. Can it be triggered simply by not being on a desktop browser? It seems that with the options in FW you have to select when the icon will appear only by selecting one of the BPs. I don’t know how this would really work for my site, as right now it scales to fit whatever device it’s being viewed on. I just want the icon to appear and become the menu function when it’s not being viewed on computer. Is that possible?
Should just be a jpeg or a png or whatever image format you are comfortable with.
it scales to fit whatever device it’s being viewed on.
You are not really understanding what the responsive features are all about - your current site will shrink to fit different devices but it will NOT respond to different device widths.
A responsive site will adjust to suit the browser window width. Grab the bottom right hand corner of your browser window and make it narrower and shorter - does your current site rearrange to fit?
That is why the CSS menu has a responsive section - so that all the layout (including the navigation menu) adjusts to suit the device/browser width.
Dave… I figured it out. I wasn’t understanding it at all. I had to resize my page to fit each of those scenarios at the top in terms of resolution. I also know now that I can add custom ones for devices not listed.
NEXT on my to-do is, when the icon is pressed, does FW allow the functionality of taking over the phone screen so that all you see is the menu?