Reply To: Logo on mobile and images on mobile

[MisterBianchi]

Hi Rodrigo,

I can’t see any changes

Here’s my custom.css

#header {
        top: 0 !important;
}

#header .header-top {
    border-bottom: 1px solid #272727 !important;
}
@media(min-width: 992px) and (max-width: 1199px) {
    #header .header-nav-main nav > ul > li > a {
        font-size: 0.7rem;
        padding: 0 .5rem !important;
    }
}
@media(max-width: 991px) {
        #header .header-container {
                padding-right: 15px;
                padding-left: 15px;
        }
}
@media (max-width: 991px) {
        #header .header-logo img {
                max-width: 210px;
                height: auto !important;
        }
}

html:not(.sticky-header-active) #header.custom-header-style-1 .header-body {
        max-width: none !important;
        right: 0 !important;
}

html.sticky-header-active #header.custom-header-style-1 .header-body, html.sticky-header-fixed #header.custom-header-style-1 .header-body {
        animation: none !important;
}

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

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

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

.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;
	}
}

This is my solutions.html

{% extends 'base_tp.html' %}
{% load static %}
{% load i18n %}
{% block content %}

    <div role="main" class="main">
        <section
                class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5"
                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 Tralicci  solutions.jpeg' %});">
            <div class="container">

this is my service.html

{% extends 'base_tp.html' %}
{% load static %}
{% load i18n %}
{% block content %}

    <div role="main" class="main">
        <section
                class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5"
                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/Services_man_tower.jpeg' %});">
            <div class="container">

---