Reply To: Issues with responsive version

[Support]

Hello, thanks for your purchase and kind words!

1 and 4) Please first change the HTML of each image to:

<a href="xxxxxxxxxx.html" class="d-block h-100">
	<div class="custom-our-work-background d-block w-100 h-100" style="background-image: url(img/legal-design/bg-5.jpg); background-size: cover; background-position: center;"></div>
	<div class="w-100 custom-our-work-text px-5 py-3 d-flex align-items-end p-absolute bottom-0">
		<div class="text-left p-relative z-index-2 mb-3">
			<h4 class="text-color-light custom-text-8 font-weight-bolder text-decoration-none mb-2">Infographies en droit commercial</h4>
			<p class="text-uppercase custom-text-3 text-color-primary text-decoration-none mb-3">#LesBonnesPratiques</p>
			<span class="custom-text-4 font-weight-semibold m-0 p-0 text-color-light custom-btn-with-arrow custom-btn-with-arrow-primary text-decoration-none">Voir nos infographies</span>
		</div>
	</div>
</a>

* Note I removed the <img> and changed to a div with background.

Add this code below at (css/custom.css):

@media(max-width: 767px) {
 	.our-work .custom-our-work .custom-our-work-background {
    	min-height: 280px !important;
	}
}

@media(min-width: 768px) {
 	.our-work .custom-our-work .custom-our-work-background {
    	min-height: 300px !important;
	}
}

2) You have four columns there. Please try change the column class to:

<div class="col-lg-3 mb-4 mb-lg-0">
    ......
</div>
<div class="col-lg-3 mb-4 mb-lg-0">
    ......
</div>
<div class="col-lg-3 mb-4 mb-lg-0">
    ......
</div>
<div class="col-lg-3">
    ......
</div>

3) Please try changing all footer HTML to:
https://pastebin.com/raw/9dHt3w6c

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---