How can I create a transparent header on mobile?

Store Design
1

Hi, looking for some help here :slightly_smiling_face: I am looking to get a transparent header on mobile for my site so that the image banner covers the whole screen, and the logo/navigation etc lays on top of the image banner!

My site url: https://byabbylauren.com/

For reference it looks like the first image now and I would like it to follow the same structure as the second. Please let me know if you have any easy fix for this! Thank you so much in advance!

2

@AbbyLaurenPrice

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width:749px) {
.header-wrapper {display: block;position: absolute !important;width: 100% !important;}
}

Thanks!