Give help. Get help.

  • # February 23, 2018 at 1:50 am

    Can’t make it work correctly click here
    its a bit messy i think even in terms of layout

    What i’m trying to achieve is hide all icons behind navicon and on click
    move them aside so they’ll be visible and took certain position around navicon +
    second click or free space will do oposite

    have come up with jquery method but its kinda wacky it’s just scales back and forth

    what would be great is if i could add a certain css rules to those icons on click (change their opacity, font-size and margin or top-right-bottom-left positioning)

    # February 24, 2018 at 10:40 am

    Something like this?

    # February 25, 2018 at 2:01 am

    Exactly .. also can white space be involved?)

    # February 25, 2018 at 12:07 pm

    Not sure what you mean by that, could you elaborate?

    # February 25, 2018 at 12:43 pm

    well i mean .. hide 3 icons when click free space

    # February 25, 2018 at 12:59 pm

    Ah, okay. Little trick with event propagation:

    $(function() {
      var guide = $('.navbar-item');
      $(window).on('mouseup touchend', function() {
        if (guide.hasClass('active')) guide.removeClass('active');
      $('.navbar-wrap').on('mouseup touchend', function(e) {
      $('.menu-icon').click(function() {

    # February 26, 2018 at 2:10 am

    Superb .. thanx, Edo

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.