Force the desktop header on mobile devices like iPad (1024px)

How can I force the desktop header (without the hamburger menu) on an iPad of width 1024px.

My site: https://duck-blackbird-74nd.squarespace.com (currently public)

Thx so much.

Great! Thanks so much, tuanphan.

May I ask how I find the Squarespace element names like .header-display-desktop, .header-burger, etc. so I can experiment by deducing the meaning myself? In other words, how can I learn a little bit of what you know? 😃

On an iPad, you can force the desktop header by using the following @media query in your CSS:

This will apply the styles specified within the curly braces only to devices with a minimum device width of 1024 pixels. This means that the desktop header will be displayed on iPads and other devices with a screen width of 1024 pixels or greater.

Alternatively, you can use the max-width property instead of min-width to apply the styles to devices with a maximum screen width of 1024 pixels.

Keep in mind that this will apply the styles to all devices with a maximum screen width of 1024 pixels, including smartphones and other smaller devices.

Thanks Ahsan,

I know the @media keyword. But I didn't know the instructions, that go into the brackets {} to switch to the desktop header.