WebToolbar Collapse Breakpoint

Does anyone know how to control the collapse breakpoint for WebToolbar? I have a Toolbar that isn’t collapsing soon enough and items are running off the Toolbar:

You will need to update your Bootstrap.css.
Search for min-width: 768px and change for the value that you want.
Bootstrap uses the 768px and that one is used for the toolbar
I updated the Bootstrap to use 868px instead:

Not sure if the @media CSS can be changed on the fly or with JavaScript, but having a Bootstrap CSS with the value that you want may be an option.

1 Like

I really only needed to change which breakpoint it uses, so I went for what I think might be a more simple approach:

Sub Opening() Handles Opening
  me.CSSClasses.Add("navbar-expand-lg")
  me.CSSClasses.Remove("navbar-expand-md")

End Sub

This changes the breakpoint from the md to lg breakpoints, keeping my menu from getting cut off.

3 Likes

I thought you wanted to adjust the breakpoint a little (100px or so).
If changing it to large (992px) works good enough, changing the class is better/simpler.
Here are the breakpoints used by default:

1 Like