April 24, 2018 at 8:47 am
Hi,
on this site: *Login to see link
every page starts with an image or a slider. Today i saw the site on a 2 meter wide 4k Monitor and noticed that on pages that start with an image, the start image does not expand to 100%, but leaves a white space to the right. I can replicate this at home by dragging the browser window wider than my main HD monitor (i have a 2 monitor setup that allows me to expand to the second monitor). When i go wider then 1920px, the images do not stretch but leave white space to the right. The sliders are perfect.
The image and sliders are inserted like this in the first row of every page:
– for image (*Login to see link
<div class="wrap_header">
<img src="*Login to see link />
<div class="arrow"></div>
</div>
– for slider (*Login to see link
<div class="wrap_header">[kadence_slider_pro id="1"]
<div class="arrow"></div>
</div>
and the div is styled:
.wrap_header {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0px;
}
The row in PageBuilder is wide stretched for all.
How can i make the images expand like the slider does?
Thank you,
B.Anders