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
Post Reply
Niels
Propeller Head
Posts: 89
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

Top nav menu - responsive behavior - delay hamburger

Post by Niels »

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.
rogersm
Propeller Head
Posts: 97
Joined: Fri Nov 07, 2014 4:29 am

Re: Top nav menu - responsive behavior - delay hamburger

Post by rogersm »

The target has a skin tab and there are option there for adjusting the responsive settings maybe?
chrisj
Propeller Head
Posts: 87
Joined: Thu Jun 26, 2014 8:08 am
Location: Omaha, NE

Re: Top nav menu - responsive behavior - delay hamburger

Post by chrisj »

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
Niels
Propeller Head
Posts: 89
Joined: Thu Dec 15, 2016 8:41 am
Location: Köln

Re: Top nav menu - responsive behavior - delay hamburger

Post by Niels »

Thank you very much for hinting at the breakpoint settings :) They indeed show an effect here.
Post Reply