ā–¼
Streaming live at 10am (PST)

Activate responsive nav for iPad landscape

Design help General
#1

Hi Guys

Just wondering if there is a way that I could active the responsive navigation for the iPad landscape view? Perhaps with some custom code perhaps? Our navigation / header section is quite long so would like the hamburger icon to activate a little earlier then iPad portrait breakpoint?

Cheers
Jeremy

1 Like
#2

This is built in, no need for code. You can also make it visible on desktop if you want. Just select the nav and go to the settings panel (gear icon) and towards the bottom above custom attributes youā€™ll see ā€œmenu icon for:ā€ Just drag the slider wherever you want the hamburger icon to start. Good Luck

#3

Hi DFink

Thanks for the responsive but I am after the ā€˜iPad landscapeā€™ option. The way you mention above only affects the iPad portrait. By default webflow does not see ā€˜iPad landscapeā€™ as a responsive breakpoint?

#4

No, there is no ipad landscape media query. It is the same as the desktop media query. That is what loads when you turn an ipad to landscape.

#5

Hi @jeremy, as @DFink mentioned, we do not have a native breakpoint for ipad horizontal, which is 1024px, and desktop mode in Webflow is 992px and higher. You can use a custom media query as described in the article:

#6