Disable grid in chrome device emulation

Question

I know this question may not fit well here but this really is driving me crazy for few hours now :( I use chrome to simulate how websites look on different mobile devices. I clicked something wrong that led to a grid with rulers to appear. I don't know WTF to do to disable this grid. This is the screenshot:

I uninstalled and reinstalled the browser and it returns back. I reset the developer tools to default settings and it's still there.

This is really becoming a nightmare for me for few hours now. I want the regular emulation without these rulers and grid and top bar. Thanks

Answer 1

There is a small blue button on the left of Elements which actually does the magic.

Answer 2

You didn't click anything wrong. Your Chrome updated itself to 38.2125 and the emulator now has those attributes. Further more, the touch function is broken.

To fix the problem, download the "Canary" version of Chrome. You're still required to see the grid, but the screen is improved and easier to see your layout. Also, the touch function is fixed.

Get Chrome Canary here: https://www.google.com/intl/en/chrome/browser/canary.html