Curves UI
Support nav bar help - Printable Version

+- Curves UI (https://www.curvesui.com)
+-- Forum: Product Support (https://www.curvesui.com/forumdisplay.php?fid=12)
+--- Forum: Support (https://www.curvesui.com/forumdisplay.php?fid=4)
+--- Thread: Support nav bar help (/showthread.php?tid=569)



nav bar help - Gordie - 20-11-2025

I have quite a few links in my navbar which is fine on mobile view with the hamburger menu, however it's kind of crowded on pc view.
Is there a simple way to allow the collapsible menu on both views? Instead of the regular nave bar?

I've tinkered with the header template but with all the different classes for both views, I don't want to mess it up.
I'm using the Curves UI theme.


RE: nav bar help - Matty Wjeisz - 21-11-2025

Yep.

Admin CP > Templates & Style > Templates > Curves UI-alpha > Header Templates > header

Find:
Code:
<nav class="navbar navbar-dark navbar-expand-lg bg-dark py-4 border-bottom-nav">

Replace with:
Code:
<nav class="navbar navbar-dark bg-dark py-4 border-bottom-nav">

By removing navbar-expand-lg it forces the media query to always display the toggler on all screen sizes. You may need to tweak the inline-group CSS to add some additional margins for aesthetics.

The framework it is built on is Bootstrap 5. You can find additional resources on media queries and classes here: https://getbootstrap.com/docs/5.3/layout/breakpoints/


RE: nav bar help - Gordie - 21-11-2025

Perfect. Thank you again.