There is some whitespace above the body of a second slide im putting into the design. It remains even if i remove all the code inside the slide container and also if i remove the code inside the js slider call. But when i remove the slider completely it dissapears. Please assist.

Good morning

https://humberindustrialclusterplan.org/?index.php&id=1

link to the issue

The whitespace on top is the issue. im not sure why it is happening, if i remove the second slider or disable its JS then the whitespace dissapears and the site functions as intended. Thanks

That solved the problem, thank you. I did not notice that ZERB Foundation got a .slider class

So sorry to bug you again. Seems like i have another issue. Probably also style related. It seems the text inside P tag is not wrapping. Same link

<section id="home-news" class="padding-bottom-3">    <div class="grid-container">        <div class="grid-x">            <div class="cell">                <h2>Latest News</h2>            </div>        </div>    </div>    <div class="slider grid-container full">        <div class="ls-slide grid-x grid-margin-xy grid-padding-xy">             <div class="ls-layer cell medium-4" style="top:50%;">    <img src="/site_content/components/phpthumbof/cache/AdobeStock_306736053.2a60a2aa280e69b809aa11ed2b9b3a0a.jpg" alt="Article 1 image" />    <h3>Article 1</h3>    <p>Date: 1616767680</p>    <p>By: Default Admin User</p>    <p style="width: 400px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque</p>    <a href="" title="" class="button rounded">Read More</a>
</div>
<div class="ls-layer cell medium-4" style="top:50%;left: 50%;">    <img src="/site_content/components/phpthumbof/cache/AdobeStock_133386757.2a60a2aa280e69b809aa11ed2b9b3a0a.jpg" alt="Article 2 image" />    <h3>Article 2</h3>    <p>Date: 1616767680</p>    <p>By: Default Admin User</p>    <p style="width: 400px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque</p>    <a href="" title="" class="button rounded">Read More</a>
</div>
<div class="ls-layer cell medium-4" style="top:50%;left:100%;">    <img src="/site_content/components/phpthumbof/cache/558_Greenergy_Renewable%20Energy_Immingham_Jan15.2a60a2aa280e69b809aa11ed2b9b3a0a.jpg" alt="Article 3 image" />    <h3>Article 3</h3>    <p>Date: 1616767680</p>    <p>By: Default Admin User</p>    <p style="width: 400px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque</p>    <a href="" title="" class="button rounded">Read More</a>
</div>         </div>    </div>    <div class="grid-container">        <div class="grid-x">            <div class="cell auto text-right">                <a class="button rounded" href="index.php?id=5" title="News">Read More</a>            </div>        </div>    </div>    </section>

Once again i think you sir.

Hi.

Sorry to bug you again. I tried using popup but it seems that the class ls-container value of visibility:hidden does not change when the popup opens. Why would this be?

Thanks

Hi Kristof.

You can get it here: https://humberindustrialclusterplan.org/index.php?id=7

and the trigger is at the bottom just above the footer to the right the button "show me"

Thanks