Forums

Give help. Get help.

  • # July 10, 2018 at 5:31 pm

    Hi, I’m trying to create a variation on this hamburger menu – https://codepen.io/RoachMech/pen/QpNWLm – but the problem is that if I create a link to another part of the same page, the menu doesn’t disappear and revert back to the neat little hamburger icon – it just stays at the top of the page as a big, fat, ugly expanded menu.

    But if I create a link to another page, it disappears without any problem!

    Does anyone know how to make the expanded menu shrink back to a neat little hamburger icon when linking to another destination on the same page? Ideally without Javascript, but if Javascript is necessary, can you make it something I can just paste in without having to know Javascript?

    Thanks,

    # July 12, 2018 at 1:13 am

    i don’t know how to do this with css, but with js(jquery) you can try

    # July 16, 2018 at 5:52 pm

    Thanks, Chris, for this suggestion, and sorry for the delay in getting back to you.

    I don’t yet know how to use javascript, but I tried pasting your javascript code into the element in the HTML of the site I’m using this on (I also put it between tags) but it didn’t seem to work on the site, which is http://www.sxo.bkw.mybluehost.me.

    Is that what I was supposed to be doing? Or if not, is there a quick fix?

    Thanks,

    Horrie

    # July 17, 2018 at 3:01 am

    Linking jQuery in html, and put the js code in a js file and link this
    example in html section head-tag

    hope it helps

    # July 17, 2018 at 3:29 am

    Thanks

    http://www.saouma-chirurgie-esthetique.com/

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag