put fixed header under sticky navbar

hey guys i was the one trying to make my header image bigger from this theme and i managed to make the image bigger but now my navbar is fucked and it's just on top of it. sigh. for context of the theme i duplicated the logo component specifically for the header logo and changed the logo width and height in config.json and also refactored the beginning of the header component like this

<header class="py-4 h-16 w-auto"> <!-- logo --> <div class="flex justify-center"> <HeaderLogo /> </div> </header> <nav class={`navbar container ${settings.sticky_header && "sticky top-0"} bg-body dark:bg-darkmode-body py-2`} ><header class="py-4 h-16 w-auto"> <!-- logo --> <div class="flex justify-center"> <HeaderLogo /> </div> </header> <nav class={`navbar container ${settings.sticky_header && "sticky top-0"} bg-body dark:bg-darkmode-body py-2`} >