Reply To: Need example footer

[Support]

Hello Vzart,

Supposing we are starting with the default layout of porto admin, first you need add this HTML code after the end of main section. You can locate this in the source trough the comment <!-- end: page -->.

..
....
.......
			</section>
		</div>
	</div>
	<!-- end: page -->
</section>

<!-- Footer -->
<div id="footer" class="bg-dark">
	<div class="container-fluid">
		<div class="row justify-content-between">
			<div class="col-auto">
				<p class="mb-0">Website Name © All Copyrights Reserved.</p>
			</div>
			<div class="col-auto">
				<ul class="list list-unstyled list-inline text-4 mb-0">
					<li class="list-inline-item mb-0"><i class="fab fa-facebook"></i>
					<li class="list-inline-item mb-0"><i class="fab fa-twitter"></i>
					<li class="list-inline-item mb-0"><i class="fab fa-instagram"></i>
				
			</div>
		</div>
	</div>
</div>
...
...
......

Add this code below at “css/custom.css”:

#footer {
    margin-left: 300px;
    padding: 30px 30px;
}

html.sidebar-left-collapsed #footer {
    margin-left: 73px;
}

@media(max-width: 767px) {
	#footer {
		margin-left: 0;
	}
}

/* For a fixed footer, just uncomment the code below */
/*#footer {
	position: fixed;
    width: calc(100% - 300px);
    margin-left: 300px;
    bottom: 0;
    z-index: 10;
}

html.sidebar-left-collapsed #footer {
    width: calc(100% - 73px);
    margin-left: 73px;
}

.content-body {
	margin-bottom: 84px;
}

@media(max-width: 767px) {
	#footer {
		margin-left: 0 !important;
		width: 100vw !important;
	}
}*/

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

---