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;
}
}
}
}
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>
<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