navigation Hide Header but show on Mobile

Site URL: https://conch-salmon-z7cx.squarespace.com/config

Hi is there a code to hide header but show on mobile?

I've used this code:

header {
 display:none;
}

but it also removes the navigation from mobile too.

Is there a way to hide header but display the burger navigation on mobile?

1 hour ago, organic_emma said:

Site URL: https://conch-salmon-z7cx.squarespace.com/config

Hi is there a code to hide header but show on mobile?

I've used this code:

header {
 display:none;
}

but it also removes the navigation from mobile too.

Is there a way to hide header but display the burger navigation on mobile?

You can do it by using media query: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Set the style for the breakpoint of mobile

Thanks @bangank36 but I only want to show my header navigation on mobile. I can't see any css that applies, only css to hide it?

Can you share your site wide password so I can take a look?