заголовок показывает мастер-страницы с изображениями

У меня есть сайт группы SharePoint, и я сделал некоторые изменения в мастер-странице, как показано ниже:заголовок показывает мастер-страницы с изображениями

Переехал верхние ссылки меню и окно поиска ниже заголовок страницы
На месте верхние ссылки я поместил изображение под названием image1 и вместо окна поиска я поместил другое изображение под названием image2
Замена логотипа SharePoint с собственным логотипом и увеличивая его размер

Я сделал все это с помощью DIV/CSS. Теперь я не дизайнер, даже не закрываю. Поэтому мне приходилось делать много проб и ошибок, прежде чем каждая вещь выглядела нормально, кроме этой одной проблемы, с которой я сейчас сталкиваюсь, и, т. Е. Когда вы нажимаете ссылку «новый документ», которая открывает диалоговое окно, в котором вы можете загрузить документ, это окно также показывающий те логотипы (которые я упомянул в пункте 2 выше)

Как я могу избавиться от этого? Я думал, что если каким-то образом я смогу узнать, открыт ли диалог, я могу скрыть эти изображения с помощью CSS/Jquery?

Вот неполный код, чтобы дать вам понять, где я написал код. Мои дивы называют "mydiv" и "mydiv2" в то время как остальная часть кода SharePoint по умолчанию:

<div id="WebPartAdderUpdatePanelContainer"> 
    <asp:UpdatePanel 
     ID="WebPartAdderUpdatePanel" 
     UpdateMode="Conditional" 
     ChildrenAsTriggers="false" 
     runat="server"> 
     <ContentTemplate> 
     <WebPartPages:WebPartAdder ID="WebPartAdder" runat="server" /> 
     </ContentTemplate> 
     <Triggers> 
     <asp:PostBackTrigger ControlID="WebPartAdder" /> 
    </Triggers> 
    </asp:UpdatePanel> 
    </div> 
</SharePoint:AjaxDelta> 

     </div> 
     </div> 

     <div id="s4-workspace" class="ms-core-overlay"> 
<div id="mydiv" style="float:left;border:thin;border-style:none;width:210px;position:absolute; padding-top:20px;padding-bottom:0px;padding-left:200px;z-index:1;"> 
<img src="/images/image1.jpg" width="65%" height="65%"></div> 
<div id="mydiv2" style="border: thin none currentColor; width: 250px; right:600px;position:absolute; padding-top:20px; padding-bottom:10px;float: right;z-index:1;"> 
<img src="/images/image2.jpg" width="800" height="56"> 
</div> 

     <div id="s4-bodyContainer"> 

     <div id="s4-titlerow" 
      class="ms-dialogHidden s4-titlerowhidetitle"> 

     <div id="titleAreaBox" 
      class="ms-noList ms-table ms-core-tableNoSpace"> 
     <div id="titleAreaRow" 
      class="ms-tableRow">