更改Google地图上的PegMan位置

Question

我已成功使用以下小屏幕css移动Google地图上的所有其他控件：

div.gmnoprint, div.gmnoprint:nth-child(8) > div:nth-child(2) > div:nth-child(4) > img:nth-child(1) {
  padding-top: 130px;
}

这需要将地图控件移动到网站的移动/小屏幕版本上的徽标下方。平移，缩放和地图类型控件都可以正确移动，但是Peg Man保持在原始位置，该位置位于站点徽标后面（我无法轻松移动）。

上述css中使用的元素标识符是Firefox检查员声称的Peg Man图像，但我也尝试从该标识符的末尾删除周末来修改div标签而不是图像 - Peg Man just不会动！

您可以在屏幕尺寸小于400像素的设备上的http://www.BlueBadgeParking.com处看到此问题。

Answer 1

对于pegMan，您必须使用margin-top而不是padding-top，因为包含Pegman的div的高度为0。

#map-canvas > div > div:nth-child(8) > div:nth-child(2){
margin-top: 19px;
}

在您的网站上测试。