AnsweredAssumed Answered

Custom logo on WAB Dev

Question asked by Gajanan.B on Jan 28, 2019
Latest reply on Jan 29, 2019 by Gajanan.B


What is the best practice to adding a custom logo to WAB? This isn't to replace the esri text at bottom right but rather to add custom logo on bottom left corner of the map. 


I was able to do it with the following code in the index.html:


.map .esriMapContainer .esriMapLayers:before {
background-image: url(https://customlogo/image.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: 2px;
left: 5px;
z-index: 1000;
height: 36px;
width: 148px;
content: ' ';
padding: 0;


This does exactly what I need, except for the part where it also adds the logo to the overview map, with the same size. 

Any idea as to remove this from the overview map or a better method of adding the logo?