To make your side navigation work with a full-width banner header in mobile view, you need to use container-lg class for your main content page layout that will follow after full width h1 banner header. You also need to use col-12 class for your side navigation and main content columns. This will make your side navigation and main content full width on mobile devices.

Page layout code sample

            


  

    
H1 banner