Reply To: Logo on mobile and images on mobile

[Support]

Hello Diego,

This case we need create different rules for each page. For example:

In the solutions page:
Add the custom class custom-solutions-page-header to the page header:

<section class="custom-solutions-page-header page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5" style="background-image: url(/static/img/2%20Tralicci%20%20solutions.jpeg);">........</section>

And in the (css/custom.css):

.custom-solutions-page-header.page-header.page-header-modern.page-header-background.page-header-background-md {
	padding: 20px 0;
}

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

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

In the services page:
Add the custom class custom-services-page-header to the page header:

<section class="custom-services-page-header page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5" style="background-image: url(/static/img/2%20Tralicci%20%20solutions.jpeg);">........</section>

And in the (css/custom.css):

.custom-services-page-header.page-header.page-header-modern.page-header-background.page-header-background-md {
	padding: 20px 0;
}

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

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

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

---