Hamburger Lite Material Menu, not centered in title

I copy the code directly from getmdl.io (on the component page) and on all devices (several computers, browsers, phones, etc.) the hamburger menu is not concentrated in the header. It seems I can't highlight the menu icon in css to rebuild it. All component code on getmdl.io has the correct hamburger icon. Here is an example image. (I do not have enough reputation to directly link to the image.) Http://i.imgur.com/e9HiCP5.jpg

here is the code in question

http://pastebin.com/Wgdt71Mv

+5
source share
1 answer

It looks like you need to add the correct HTML5 type to your markup so that everything is fine. Try adding <!doctype html> to the very top of your HTML. That should fix it.

In addition to doctype, we had a small growth error on the application panel, which caused it to have about 2 pixels outside the center. This has been reviewed and will be published in a future release.

+19
source

Source: https://habr.com/ru/post/1236281/


All Articles