Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Image width

Home / Forums / Ascend Theme / Image width

This topic is: Resolved
[Resolved]
Posted in: Ascend Theme
April 24, 2018 at 8:47 am

Hi,

on this site:
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 (
<div class="wrap_header">
<img src=" />
<div class="arrow"></div>
</div>

– for slider (
<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

  • The forum ‘Ascend Theme’ is closed to new topics and replies.