Menu icon Foundation

My Posts

  • 1
    Reply
  • Problem compiling scss since 6.2

    By baroneddy

    6.2

    Hi everyone, I have trouble compiling my css since I uploaded to 6.2 (among so many other problems... already spent the day on it :( ), and I am wondering if this would be an error in the foundation code. In _top-bar.scss, there is a line 133:

    Last Reply by Staphany Park over 3 years ago





My Comments

baroneddy commented on baroneddy's post over 3 years

Too bad I am not looking for a job :) Anyway, thanks a lot for you help!

baroneddy commented on baroneddy's post over 3 years

Found it!

I was missing the
HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

in my header. All good now :)

baroneddy commented on baroneddy's post over 3 years

Everything seems to be loaded well and all the Javascripts are working well on the website :(
I don't really know where to look for.

EDIT:
I tried to remove all my HTML, JS, and CSS, and load only the CSS and JS files from the I had in index.html, same problem, very weird :s
I must be missing something obvious.

baroneddy commented on baroneddy's post over 3 years

I knew I was missing something! Thanks a lot :)

baroneddy commented on baroneddy's post over 3 years

Absolutely, but the post was removed for a while after I posted for a 'spam' issue :) Thanks a lot Brian!

baroneddy commented on baroneddy's post over 3 years

Awesome! That works. Thanks a lot!!

baroneddy commented on baroneddy's post over 3 years

Thanks for the help Brian, I still haven't been able to make it work :(

My menu html looks like this:

<div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1">
  <div id="main-menu-drilldown">
    <div class="is-drilldown" style="height: 410.312px; width: 230px;">
      <ul class="vertical menu" data-drilldown="ynctnt-drilldown" role="menubar">
         // My menu items ...
      </ul>
    </div>
  </div>
</div>

I added a container with an ID (#main-menu-drilldown) before the menu.
It tried to call:

 var activeMenu = $('#main-menu-drilldown').find('.is-drilldown-submenu.is-active');
$("#main-menu-drilldown").foundation('_hide',activeMenu);

or

$("#main-menu-drilldown").foundation('_hideAll');

And every time I get a console error: "We're sorry, '_hide' is not an available method for this element."
It looks like I am missing something but I can't figure out what.

Thanks for the help!

Posts Followed

No Content

Following

    No Content

Followers

My Posts





My Comments

You commented on baroneddy's post over 3 years

Too bad I am not looking for a job :) Anyway, thanks a lot for you help!

You commented on baroneddy's post over 3 years

Found it!

I was missing the
HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

in my header. All good now :)

You commented on baroneddy's post over 3 years

Everything seems to be loaded well and all the Javascripts are working well on the website :(
I don't really know where to look for.

EDIT:
I tried to remove all my HTML, JS, and CSS, and load only the CSS and JS files from the I had in index.html, same problem, very weird :s
I must be missing something obvious.

You commented on baroneddy's post over 3 years

I knew I was missing something! Thanks a lot :)

You commented on baroneddy's post over 3 years

Absolutely, but the post was removed for a while after I posted for a 'spam' issue :) Thanks a lot Brian!

You commented on baroneddy's post over 3 years

Awesome! That works. Thanks a lot!!

You commented on baroneddy's post over 3 years

Thanks for the help Brian, I still haven't been able to make it work :(

My menu html looks like this:

<div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1">
  <div id="main-menu-drilldown">
    <div class="is-drilldown" style="height: 410.312px; width: 230px;">
      <ul class="vertical menu" data-drilldown="ynctnt-drilldown" role="menubar">
         // My menu items ...
      </ul>
    </div>
  </div>
</div>

I added a container with an ID (#main-menu-drilldown) before the menu.
It tried to call:

 var activeMenu = $('#main-menu-drilldown').find('.is-drilldown-submenu.is-active');
$("#main-menu-drilldown").foundation('_hide',activeMenu);

or

$("#main-menu-drilldown").foundation('_hideAll');

And every time I get a console error: "We're sorry, '_hide' is not an available method for this element."
It looks like I am missing something but I can't figure out what.

Thanks for the help!

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content