Change the PegMan position on a Google map <p>I've succeeded in moving all other controls on a Google map with the following small screen css:</p> <pre><code>div.gmnoprint, div.gmnoprint:nth-child(8) &gt; div:nth-child(2) &gt; div:nth-child(4) &gt; img:nth-child(1) { padding-top: 130px; } </code></pre> <p>This is needed to move the map controls below a logo on a mobile/small screen version of a site. The pan, zoom and map type controls all move correctly but the Peg Man stays in its original position which is behind the site logo (which I can't move easily).</p> <p>The element identifier used in the above css is what the Firefox inspector claims is the Peg Man image but I've also tried removing weekend from the end of that identifier to modify the div tags rather than the image - the Peg Man just won't move!</p> <p>You can see the problem at <a href="http://www.BlueBadgeParking.com" rel="nofollow">http://www.BlueBadgeParking.com</a> on device with a screen size of less than 400px.</p>