Materialize: 0.97.7 SideNav with several class="material-icons" displayed in cascade

[pier7529]

Hi.
I take your example code SideNav and insert into mine. If you have multiple elements class="material-icons" in a list, they are displayed in cascade and no more vertical aligned as in 0.97.6

See screenshot or my website (view it on small screen)

[Dogfalo]

Please post a codepen so we can fix the problem.

[pier7529]

As I'm not a web developer expert. Unfortunately, I was not able to manage the codepen. I got my ic_home icon in fullscreen but nothing in small screen

[Dogfalo]

Just go to the codepen, click "fork" then paste in HTML and CSS and JS

[pier7529]

It was what I've done but the renderer is not correct inot codepen

[pier7529]

codepen saved (I missed $(".button-collapse").sideNav(); )

[acburst]

You need to post the link to your codepen for us to see it

[pier7529]

Apologize : http://codepen.io/anon/pen/wWjqoN

[acburst]

Fixed in ebfa85e.
If you want to fix it now, you can move the entire ul#nav-mobile out of the nav.

[darckyn]

Thx @acburst , this fix this also helped me. :)

[rohitsuratekar]

I am facing this problem again. Check this : http://codepen.io/rohitsuratekar/pen/pbGxwV. I tried putting "side-nav" inside or outside nav. Did not help.

[kmmbvnr]

@rohitsuratekar fix is not in the 0.97.7 release, but putting "side-nav" outside nav should help. See - http://codepen.io/kmmbvnr/pen/rLPqkQ

[rohitsuratekar]

@kmmbvnr : Hi, I downloaded CSS and JS files from (http://materializecss.com/getting-started.html) just yesterday and using them in my project. However it is still giving me similar results (i.e. extra space in navigation drawer). Am I missing something ?

[kmmbvnr]

@rohitsuratekar yes. As i said, the fix is not released and not in this files yet.