There is a frame made with the help of a google map constructor with tags on it - fiddle

.i4ewOd-pzNkMb-haAclf.QUIbkc { display:none!important; } 
 <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1s9NO_idzOy6bV9e6jiSILCBdLOk" width="100%" height="420"></iframe>

When I paste it on the site, the top blue bar, which comes by default, bothers me, how can I get rid of it or hide it? display:none!important; frame and frame insertion frameborder="0" и style="border:0" does not save

1 answer 1

As an option

 .container-iframe{ overflow: hidden; border: 1px solid #555; } .container-iframe > iframe{ border: none; margin-top: -46px; } 
 <div class="container-iframe"> <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1s9NO_idzOy6bV9e6jiSILCBdLOk" width="100%" height="420"></iframe> </div>