Css 地图盒徽标在Wordpress中展开

我正在使用Mapbox GL JS，通过插件页面生成器自定义HTML将地图嵌入Wordpress

HTML

但是，徽标总是脱离网格。Mapbox和“i”按钮实际上扩展了整个页面宽度。我认为有一个地图盒css我需要深入接触

我不能使用mapbox插件，因为地图上会有用于用户交互的javascript。有什么建议吗？谢谢

---

改为谷歌地图，现在就像一个魔咒

<div id='map'></div>
<script>
mapboxgl.accessToken = '*******';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/mapbox/streets-v9', // stylesheet location
    center: [144.9509223,-37.8253897], // starting position [lng, lat]
    zoom: 9 // starting zoom
});
</script>

#map { position:static;   }