Bootstrap header 固定

上部に固定

fixed-top クラスを当てる

<nav class="navbar navbar-expand-lg navbar-light bg_pink fixed-top">

headerの下の部分にpaddingを指定する。

これで下の部分がめり込まなくなる

 <div class="overflow-hidden container-fluid" style="padding-top: 56px;">
      <div class="container py-5">
        
        <%= render 'layouts/flash' %>  
        <%= yield %>        
        <%= render 'layouts/debug_info' %>  
          
      </div>
    </div>