(1) Various issues for Mobile (menu + fonts) (2) Dynamic background color

Hello, 

https://tuba-synthesizer-h36d.squarespace.com/ (PW: 12345)

RE: MOBILE

1. The hamburger is missing from mobile view. How to re-add? I've tried some of the previous suggestions like, z-index, but it's still not showing. 

2. Would like to customize the background color of the mobile menu, it's currently transparent. 

3. The "italicized" fonts on desktop are the italic cut of my typeface, however, on mobile, it looks like it's being italicized. How to change this?

RE: UNIVERSAL

I'd like to have a dynamic background that slowly changes color like this site: https://acca.melbourne/

Is this possible on Squarespace? Let me know if you know the code. I'd use the gradient colors I have now, but change like the example. 

Thank you!!

#1. Mobile

Change your CSS code (this code appears 2 positions in CSS code, so you need to change both)

header#header * {
        font-family: 'CSB-Italic';
        font-size: 1.6rem !important;
        background-color: transparent !important
    }

to this

header#header *:not(.top-bun):not(.patty):not(.bottom-bun) {
    font-family: 'CSB-Italic';
    font-size: 1.6rem !important;
    background-color: transparent !important;
}

#2. Mobile

#1 code causes problem. It will affect all elements on header.

You used #1 code for which elements? We can adjust it

#3. Can you take a screenshot? We can check easier

#4. Can you describe in more detail? I see nothing in example site

Incredible, thank you @tuanphan.

#1 solved, + / hamburger is showing on mobile now.

I figured out #3 on my own. 

And #4, I haven't attempted to code this, but on this website (https://acca.melbourne/) the background color changes slowly over time. Is this possible to replicate on Squarespace?

Thanks again!

On 9/27/2023 at 1:36 AM, tokonoma said:

Incredible, thank you @tuanphan.

#1 solved, + / hamburger is showing on mobile now.

I figured out #3 on my own. 

And #4, I haven't attempted to code this, but on this website (https://acca.melbourne/) the background color changes slowly over time. Is this possible to replicate on Squarespace?

Thanks again!

 

 

 

You mean today show X background color

tomorrow will change to Y background

next day will change to Z background

..?

@tuanphan

No, to change slowly over a few minutes while on the site. If you linger on https://acca.melbourne/) for 2-3 minutes, the background color slowly changes color.