Menu icon Foundation
How Do I Set Top Bar for Tablet View?

Hi, I need to make my Top Bar work for Tablet View (display the mobile view menu).

How do I do this, I've tried and it display, but does not open the menu...

topbarmenu icon

Hi, I need to make my Top Bar work for Tablet View (display the mobile view menu).

How do I do this, I've tried and it display, but does not open the menu...

Rafi Benkual over 5 years ago

Can you please elaborate on the question? Are you saying the mobile menu icon is not opening the dropdown?

You should start by making sure you topbar breakpoints are set correctly.

Is this a sass version or css?

If SASS,
_Settings.scss about line 1311

// Transitions and breakpoint styles

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

If css, about line 1436 in the Foundation.css file

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }
Check those to make sure.

Also the script at the bottom of my document looks like this.
Javascript
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>