Bottom menu item chops off slightly...

[First-Broadcast]

The bottom menu item seems to appear full size but then you see it reduce in size after loading on mobile view. It also doesn't seem to matter how many menu items I use - it does it on 2 up to 6 items that I've tested.

I also realise this is really a noob question to ask but I've tried restyling the hamburger and cannot get it to change from white no matter if I change the image to have a texture on it or anything else. I can obviously change the colour of the bars by changing the background colour. I was wondering if there's something in the js overriding the image to make it white?

[skowronek]

I have reproduced this as well. The issue is with var savedHeight being set incorrectly under certain situations (at least in mine now.) The call (nav.inner[i].offsetHeight;) is not pulling in the correct height of the wired up element so the max-height is set too short.

[arielsalminen]

@skowronek What are these certain situations? If you share a bit more details+code I can start investigating how to fix this :)

[skowronek]

I'll put something together today when i get into the office. thanks for the quick response on this and the other issue. I'd fix it myself if I had the time. I may end up doing that anyway in trying to get it to work right.

[First-Broadcast]

I'd love to see the solution as well - look forward to it :-)

[skowronek]

We figured out what the deal was. Someone had put a top margin on the inner UL to the DIV that the menu was wired up against. Once we removed the top/bottom margins (aren't included with the offsetheight), the correct height for the DIV could be calculated.

[eliawk]

i've the same problem adding some padding / margin to <li>, the last elements of menu are not shown.

<nav>
  <ul>
    <li>   <--- these one
    <li> 

without margin/padding the height is correct.

[First-Broadcast]

Awesome, thanks for all the responses - that was driving me crazy! :-)