Menu icon Foundation
Mobile navigation break point

Hello Guys,

I'm having a strange behavior on my Drupal-powered F4 Site (www.rubel.rub.de). My Mobile Menu is not clickable between those pixel width range: 620 - 736. Less than 620 it works great but between 620 and 736 it stops. After 736 the desktop version takes over and everything is fine.

Any idea how to fix this? Maybe changing the mobile breakpoint?

Foundation45navigtionmobileipadLandscapef4F5css

Hello Guys,

I'm having a strange behavior on my Drupal-powered F4 Site (www.rubel.rub.de). My Mobile Menu is not clickable between those pixel width range: 620 - 736. Less than 620 it works great but between 620 and 736 it stops. After 736 the desktop version takes over and everything is fine.

Any idea how to fix this? Maybe changing the mobile breakpoint?

Vanessa Kestering over 5 years ago

You could try to use the following code in _settings.scss.

$topbar-breakpoint:736px; // Change to 9999px for always mobile layout
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default;