Menu icon Foundation
Mobile ("hamburger") menu on tablet (not just phone) with CSS

I want to show the mobile menu (the one with the hamburger icon and the responsive toggle and the black background) on tablets. Not just on mobile. On desktops I want the title-bar.

(Ideally I'd want to show the mobile menu on all smartphones and tablets in portrait mode but not on tablets in landscape mode and desktops. I don't know if that is even feasible.)

I am using Foundation 6 CSS. I can't use SASS, I am sorry. I understand that I have to change some breakpoints but I can't figure out where or which.

Most threads on this topic are old and deal with Foundation 5 or are about SASS or have no answer. I'd really appreciate your help.

hamburgermobile menuresponsive toggleipadtabletmobiledesktopResponsivetitle-barbreakpoints

I want to show the mobile menu (the one with the hamburger icon and the responsive toggle and the black background) on tablets. Not just on mobile. On desktops I want the title-bar.

(Ideally I'd want to show the mobile menu on all smartphones and tablets in portrait mode but not on tablets in landscape mode and desktops. I don't know if that is even feasible.)

I am using Foundation 6 CSS. I can't use SASS, I am sorry. I understand that I have to change some breakpoints but I can't figure out where or which.

Most threads on this topic are old and deal with Foundation 5 or are about SASS or have no answer. I'd really appreciate your help.