Make Hamburger Menu Persist in Web Display

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets

Make Hamburger Menu Persist in Web Display

Postby mymojo on Wed Feb 06, 2019 5:26 pm

Hi all!

Long time no post. Alright, so here it is. Top Navigation Target - I'd like the hamburger menu to always be available. I know that you can do that by increasing the tablet breakpoint in the target, but that changes my responsive layout. I need my responsive layout to recognize when it's a web interface, but I also want that hamburger menu full-time.

Anybody got the smarts on this?

Thanks in advance!
mymojo
Propeller Head
 
Posts: 28
Joined: Thu Aug 28, 2008 4:12 pm

Re: Make Hamburger Menu Persist in Web Display

Postby Dave Lee on Thu Feb 07, 2019 12:47 am

I don't know how you could separate the responsive menu and Responsive layout, since Flare produces all the CSS for that at build time.

I guess one way is not to use Flare's Responsive Layout, and use Foundation Float Grid classes instead. The foundation grid CSS is already included in HTML5 outputs (only for the Float Grid, not other types). The breakpoints for the Foundation grid classes are independent of the mediums/breakpoints set in Flare.
https://foundation.zurb.com/sites/docs/grid.html
Dave Lee
Master Propellus Maximus
 
Posts: 5433
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Make Hamburger Menu Persist in Web Display

Postby chrisj on Mon Feb 11, 2019 8:30 pm

Alternatively, you might just be able to make the menu persist by setting your tablet breakpoint and then just write your own media queries for the content you want responsive. If you already have the tablet/mobile breakpoints in your css, I'm wondering if you could just change the query from @media tablet to @media screen and (min-width: whatever width you want).
Chris Jones
Product Content Manager - TEAM Software
Image
chrisj
Propeller Head
 
Posts: 64
Joined: Thu Jun 26, 2014 8:08 am
Location: Omaha, NE

Re: Make Hamburger Menu Persist in Web Display

Postby mymojo on Fri Feb 15, 2019 3:29 pm

Alternatively, you might just be able to make the menu persist by setting your tablet breakpoint and then just write your own media queries for the content you want responsive. If you already have the tablet/mobile breakpoints in your css, I'm wondering if you could just change the query from @media tablet to @media screen and (min-width: whatever width you want).


Interesting idea, I will try that!
mymojo
Propeller Head
 
Posts: 28
Joined: Thu Aug 28, 2008 4:12 pm


Return to Web-based Outputs

Who is online

Users browsing this forum: No registered users and 5 guests