Reply To: Logo on mobile and images on mobile

[Support]

Hello,

1) You are forcing a max-width 70px in the custom.css for logo on mobile and that’s the reason. You should increase the max-width. For example:

@media (max-width: 991px) {
	#header .header-logo img {
		max-width: 210px;
		height: auto !important;
	}
}

* Note max-width: 210px;.

2) For it we need control the height of the page header on multiple screen resolutions. Please try adding the below code at “css/custom.css”:

.page-header.page-header-modern.page-header-background.page-header-background-md {
	padding: 50px 0;
}

@media(min-width: 768px) {
	.page-header.page-header-modern.page-header-background.page-header-background-md {
		padding: 100px 0;
	}
}

@media(min-width: 992px) {
	.page-header.page-header-modern.page-header-background.page-header-background-md {
		padding: 150px 0;
	}
}

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 HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---