Header content disappears on mobile

Site URL: https://strawberry-raspberry-3kmm.squarespace.com/

I have a logo and copyright in my header content which sits at the bottom of the nav bar, but disappears when I'm in mobile view. 
I'm wondering If I can add it to the bottom of the page when in mobile mode?

SITE PASSWORD: HinLim

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#headerBlocks {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    z-index: 99999999;
}
}

On 11/7/2021 at 2:03 PM, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#headerBlocks {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    z-index: 99999999;
}
}

 

Thank you! I'll give this a try

On 11/7/2021 at 2:03 PM, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#headerBlocks {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    z-index: 99999999;
}
}

 

I added the code but it places the footer over the top of the other logo.
How can I make it sit at the bottom of each page?

On 11/24/2021 at 5:27 PM, haymash said:

I added the code but it places the footer over the top of the other logo.
How can I make it sit at the bottom of each page?

Try this new code

@media screen and (max-width: 640px) {
    div#headerBlocks {
        display:block !important;
        position: fixed !important;
        bottom: 10px !important;
        z-index: 99999999
    }
}