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.
When we underrun the width illustrated in the above image by just a few more pixels, the hamburger button already appears.
Does anyone know how to avoid this and make use of the full horizontal space? Which setting causes this responsive behavior here?
Top nav menu - responsive behavior - delay hamburger
Top nav menu - responsive behavior - delay hamburger
You do not have the required permissions to view the files attached to this post.
Re: Top nav menu - responsive behavior - delay hamburger
The target has a skin tab and there are option there for adjusting the responsive settings maybe?
Re: Top nav menu - responsive behavior - delay hamburger
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.rogersm wrote:The target has a skin tab and there are option there for adjusting the responsive settings maybe?
Chris Jones
Product Content Manager - TEAM Software
Product Content Manager - TEAM Software
Re: Top nav menu - responsive behavior - delay hamburger
Thank you very much for hinting at the breakpoint settings They indeed show an effect here.