在logo旁边添加其他图像

我需要你的帮助。我有：

我需要在徽标旁边的红色框中(例如)显示图像。我的header.php：https：//pastebin.com/raw/qxgUiQwQ

还有一个带有徽标的盒子的CSS：

    /* ========================================= Theme Header. ========================================= */
.mainmenucontainer {
    background:url(images/mainmenu.png) left top repeat-x;
}
#logo {
    background:url(images/logo-bg.png) left top repeat-x;
    display:flex;
    align-items:center;
    height:90px;
    text-align:left;
}
#logo img {
    max-height:95%;
}
.site_ttl {
    float:left;
    margin:0;
    padding:0;
    line-height:normal;
    color: #fff;
    text-transform: none;
}
.headersearch {
    float:right;
    display:flex;
    align-items:center;
    height:45px;
    margin-right:20px;
}
@media screen and (min-width:1024px) {
    .headersearch { 

    }
}

#1

你已将现有图像设置为背景元素, 可以编辑图像以包括新图像, 也可以通过编辑标题代码来覆盖图像。更改CSS并不是真正可以实现的(严格地说, 这不是真的, 你可以使用伪元素以及一些时髦的边距和对齐方式来做到这一点, 但这完全是骇客之举)。