Top nav menu - responsive behavior - delay hamburger

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

Top nav menu - responsive behavior - delay hamburger

Postby Niels on Tue Mar 05, 2019 7:17 am

Mainly having experience with print output so far, we now start experimenting with HTML5. I am struggling with some basic behavior in a very simple layout, that I would have expected to be very trivial to solve:

We only have four menu items in the top nav, where the standard responsive behavior is that items are replaced by the hamburger button if we go below a certain width. Now, for our taste the items disappear way too early, even if there is plenty of margin left.

> We do not display any logo.
> The same effect happens regardless of the alignment of the items (left, centered or right).
> A left alignment implies that the issue is not any kind of hidden space (like an undisplayed dummy logo).
> I have checked the default padding settings but these do not seem to be the root cause (with only 20 px).
> Reducing the search bar width does not help either.

1.png

When we underrun the width illustrated in the above image by just a few more pixels, the hamburger button already appears.
2.png

Does anyone know how to avoid this and make use of the full horizontal space? Which setting causes this responsive behavior here?
You do not have the required permissions to view the files attached to this post.
Niels
Propeller Head
 
Posts: 80
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

Re: Top nav menu - responsive behavior - delay hamburger

Postby rogersm on Tue Mar 05, 2019 8:33 am

The target has a skin tab and there are option there for adjusting the responsive settings maybe?
rogersm
Propeller Head
 
Posts: 82
Joined: Fri Nov 07, 2014 4:29 am

Re: Top nav menu - responsive behavior - delay hamburger

Postby chrisj on Tue Mar 05, 2019 3:02 pm

rogersm wrote:The target has a skin tab and there are option there for adjusting the responsive settings maybe?


Yes. This is controlled via the Tablet and Mobile Breakpoints. It sounds like you would just want to set your Tablet Breakpoint to be lower than the default. Just keep in mind that if you have other responsive functionality, particularly if you have been using the responsive editor, it will have an impact on that as well.
Chris Jones
Product Content Manager - TEAM Software
Image
chrisj
Propeller Head
 
Posts: 87
Joined: Thu Jun 26, 2014 8:08 am
Location: Omaha, NE

Re: Top nav menu - responsive behavior - delay hamburger

Postby Niels on Wed Mar 06, 2019 2:32 am

Thank you very much for hinting at the breakpoint settings :) They indeed show an effect here.
Niels
Propeller Head
 
Posts: 80
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln


Return to Web-based Outputs

Who is online

Users browsing this forum: No registered users and 8 guests