Posted by Matt75 on Wed, Jan 22, 2025 - 5:53am --- Updated: Jan 22 '25 - 5:54am

Hello, I have a few questions about the themes (e.g., Base Theme) / layouts (e.g., Moscone Flipped) of Backdrop CMS: 

1. Where can I configure (UI or CSS) the maximum width at which the main menu is displayed as a hamburger menu? 

2. Where can I configure (UI or CSS) the maximum width at which the sidebars are no longer displayed and their content is moved below the main content? 

Thanks in advance...

Accepted answer

As for the sidebar breakpoint, check core/modules/layout/css/grid-flexbox.css.  You should avoid editing the values there, as they will be overwritten next time you update core. Instead, override that in your subtheme css. 

Comments

Wed, Jan 22, 2025 - 10:19am by argiepiano

Have you tried editing the breakpoint at admin/structure/menu/settings?

Wed, Jan 22, 2025 - 12:46pm by Matt75

Thank you, that's what I was looking for!

Wed, Jan 22, 2025 - 10:31am by argiepiano

As for the sidebar breakpoint, check core/modules/layout/css/grid-flexbox.css.  You should avoid editing the values there, as they will be overwritten next time you update core. Instead, override that in your subtheme css.