title: Div disappears when resizing window
body: <p>I am a newbie in html/css. I am trying to do an A/B test with Google Optimize, changing the HTML and CSS of the page, and my main section disappears when I resize the window.</p>
  
  <p>I have looked at other similar topics but couldn't find any solution.</p>
  
  <p>Here's the HTML code of the section that disappears: </p>
  
  <pre><code>    &lt;div id="lp_fullwidth_banner" data-vc-full-width="true" data-vc-full-width-init="true" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid mobile-hide vc_custom_1526308007661 vc_row-no-padding vc_row-o-content-middle vc_row-flex" style="position: relative; box-sizing: border-box; width: 1730px; left: -295px; height: 452.2px !important;"&gt;&lt;div class="wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs" style=""&gt;&lt;div class="vc_column-inner " style=""&gt;&lt;div class="wpb_wrapper" style=""&gt;
      &lt;div class="wpb_raw_code wpb_content_element wpb_raw_html" style=""&gt;
          &lt;div class="wpb_wrapper" style=""&gt;
              &lt;div class="banner-title" style=""&gt;
  &lt;h1 style=""&gt;
  Bien acheter à &lt;span id="lp_ville" style=""&gt;Paris&lt;/span&gt;, c'est vraiment simple !&lt;br&gt;
  &lt;span style=""&gt;Expert de votre marché local et s’appuyant sur les meilleures technologies, &lt;strong&gt;Mon&amp;nbsp;Chasseur&amp;nbsp;Immo&lt;/strong&gt; cherche et trouve pour vous le bien idéal.&lt;/span&gt;
  &lt;/h1&gt;
  &lt;/div&gt;&lt;div style=""&gt;
    &lt;span style=""&gt;Nos chasseurs immobiliers cherchent et négocient pour vous le meilleur bien au meilleur prix&lt;/span&gt;
  
    &lt;div class="vc_empty_space" style="height: 32px;"&gt;&lt;span class="vc_empty_space_inner"&gt;&lt;/span&gt;&lt;/div&gt;
  
              &lt;ul class="fa-ul"&gt;
    &lt;li style=""&gt;&lt;span class="fa-li" style=""&gt;&lt;i class="fa fa-check-square-o"&gt;&lt;/i&gt;&lt;/span&gt; Un chasseur immobilier dédié, rémunéré au succès&lt;/li&gt;
    &lt;li style=""&gt;&lt;span class="fa-li"&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt;&lt;/span&gt; Divisez par 10 votre temps de recherche&lt;/li&gt;
    &lt;li style=""&gt;&lt;span class="fa-li"&gt;&lt;i class="fa fa-eur"&gt;&lt;/i&gt;&lt;/span&gt; 6% d'économie en moyenne sur votre budget&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And here's the CSS of the page:</p>
  
  <pre><code>div.page-special &gt; div &gt; div:nth-of-type(2) {
    left : -250px !important;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(3) {
    width : 40% !important;
    float : right !important;
  }
  
  div.banner-title &gt; h1 {
    width : 683px;
  }
  
  div.wpb_raw_code &gt; div &gt; div:nth-of-type(1) {
    width : 683px;
  }
  
  div.wpb_raw_code &gt; div &gt; div:nth-of-type(2) {
    background-color : rgba(0, 0, 0, 0.55);
    color : rgb(255, 255, 255);
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(8) {
    display : none;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(9) &gt; div &gt; div &gt; div {
    display : none;
  }
  
  div.vc_custom_1513333530435 {
    display : none;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(7) &gt; div &gt; div &gt; div &gt; div &gt; div:nth-of-type(2) {
    display : none;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; div:nth-of-type(2) &gt; div &gt; p {
    display : none;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(11) {
    display : none;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(13) {
    display : none;
  }
  
  div.vc_custom_1526384528576 &gt; div {
    background-color : rgb(255, 255, 255);
    text-align : center;
  }
  
  div.vc_custom_1526384528576 &gt; div &gt; div &gt; div:nth-of-type(1) &gt; h2, div.vc_custom_1526384528576 &gt; div &gt; div &gt; div:nth-of-type(1) {
    text-align : center !important;
  }
  
  div.vc_custom_1526384424755 {
    background-color : rgba(229, 229, 229, 0.34) !important;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(19) {
    display : none;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(20) &gt; div &gt; div &gt; div {
    display : none;
  }
  
  div.wpb_raw_code &gt; div &gt; div:nth-of-type(2) {
    font-size : 18px;
    padding : 20px;
    margin : 20px;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(3) &gt; div &gt; div:nth-of-type(1) {
    background-color : rgb(242, 242, 242);
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(3) &gt; div &gt; div:nth-of-type(1) &gt; div {
    font-size : 17px;
    color : rgb(0, 56, 94);
    width : 339px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(1) &gt; div {
    font-size : 18px;
    color : rgb(255, 255, 255);
    height : 60px;
    background-color : rgba(0, 0, 0, 0.61);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(1) {
    width : 564px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(2) {
    width : 564px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(1) &gt; div {
    padding : 15px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(2) &gt; div {
    padding : 15px;
    height : 60px;
    font-size : 18px;
    color : rgb(255, 255, 255);
    background-color : rgba(0, 0, 0, 0.61);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(1) {
    height : 380px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(1) &gt; div {
    height : 60px;
    font-size : 18px;
    color : rgb(255, 255, 255);
    padding : 15px;
    background-color : rgba(0, 0, 0, 0.61);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(2) &gt; div {
    padding : 15px;
    height : 60px;
    font-size : 18px;
    background-color : rgba(0, 0, 0, 0.61);
    color : rgb(255, 255, 255);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(1) {
    border-top-width : 10px;
    border-right-width : 10px;
    border-bottom-width : 10px;
    border-left-width : 10px;
    border-top-color : rgb(255, 255, 255);
    border-right-color : rgb(255, 255, 255);
    border-bottom-color : rgb(255, 255, 255);
    border-left-color : rgb(255, 255, 255);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(2) {
    border-top-width : 10px;
    border-right-width : 10px;
    border-bottom-width : 10px;
    border-left-width : 10px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(2) {
    border-top-width : 10px;
    border-right-width : 10px;
    border-bottom-width : 10px;
    border-left-width : 10px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(1) {
    border-top-width : 10px;
    border-right-width : 10px;
    border-bottom-width : 10px;
    border-left-width : 10px;
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(2) {
    border-top-color : rgb(255, 255, 255);
    border-right-color : rgb(255, 255, 255);
    border-bottom-color : rgb(255, 255, 255);
    border-left-color : rgb(255, 255, 255);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(2) {
    border-top-color : rgb(255, 255, 255);
    border-right-color : rgb(255, 255, 255);
    border-bottom-color : rgb(255, 255, 255);
    border-left-color : rgb(255, 255, 255);
  }
  
  div.vc_custom_1513270690175 &gt; div &gt; table &gt; tbody &gt; tr:nth-of-type(2) &gt; td:nth-of-type(1) {
    border-top-color : rgb(255, 255, 255);
    border-right-color : rgb(255, 255, 255);
    border-bottom-color : rgb(255, 255, 255);
    border-left-color : rgb(255, 255, 255);
  }
  
  #lp_fullwidth_banner {
    float : left;
    height : 452.2px;
    background-size : cover;
    width : 60% !important;
    left : 0px !important;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(2) {
    background-repeat : no-repeat no-repeat !important;
  }
  
  div.header-menu-inner &gt; div:nth-of-type(2) &gt; p &gt; span {
    font-size : 24px;
  }
  
  div.header-top {
    display : none;
  }
  
  div.header-menu-inner &gt; div:nth-of-type(2) &gt; p {
    text-align : center;
  }
  
  div.page-special &gt; div &gt; div:nth-of-type(3) {
    background-color : rgb(242, 242, 242);
  }
  </code></pre>
  
  <p>Any idea why this div disappears when resizing the window?</p>
  
  <p>Thanks very much for your help</p>