[HTML][CSS]Element Absolute poza elementem Relative Opcje

[atom90]

Witam

Chciałbym wyciągnąć element poza swojego rodzica:



Ale jak widać na screenie to co wychodzi poza element zostaje ucięte. Rodzic musi zostać z taką wysokością jaką ma bo do niego ma być przyklejona nawigacja. ale część treści musi wychodzić poniżej lini nawigacji
coś na wzór:




LESS:

Kod

#slider{
  margin-top: -92px;
//  padding-top:124px;
  position: relative;
  height: 100%;
  width:100%;

  .item{
    position:relative;


    .single-slide{
    position: relative;
    height:100%;
    width: 100%;


          .image-slider{
            float: right;
            max-width: 1258px;
          }
          .text-slider{
            font-size: 50px;
            position: absolute;
            bottom:-30px;
            z-index:9999999999999;
          }
    }
  }
}

HTML

Kod

   <div class="owl-carousel owl-theme">
    <div class="item">
      <div class="single-slide clearfix">
            <div class="image-slider">
            <img class="image-fluid" src="<?php bloginfo('template_directory'); ?>/images/slider0.jpg">
          </div>
        </div>
    </div>
        <div class="item">
          <div class="single-slide clearfix">
            <div class="image-slider">
              <img class="image-fluid" src="<?php bloginfo('template_directory'); ?>/images/slider.jpg">
            </div>
            <div class="text-slider">
              text
            </div>
          </div>
        </div>
  </div>

Proszę o pomoc

Ten post edytował atom90 11.12.2018, 20:26:39