:root {
          /* adjust this if your header is taller or shorter */
        --header-height: 72px;  
      }

      :root {
        /* height of your sticky navbar */
        --header-height: 72px;
      }

      /* shift all content below the navbar */
      main.page-wrapper {
        margin-top: var(--header-height);
      }
      
@media (max-width: 768px) {        /* pick your mobile breakpoint */
      .navbar-sticky {                 /* class from the theme */
      position: static !important;   /* or `relative`; just NOT sticky/fixed */
      }
      main.page-wrapper {
      margin-top: 0 !important;      /* prevents blank gap above content */
      }
      }