Background logo higher than the containing div

[novacomitalia]

Hello and congratulations for your wonderful products.
As you can see from the link indicated, my goal is to insert a background logo of a div (gray banner) higher than the banner itself.
So to have the second div (white) next to the protruding part of the logo.
I succeeded in my intent BUT without using your CSS, customizing excessively, as you can see from the HTML: I duplicated the header for the desktop version and the mobile version.
I would like, also to have a good responsive answer, to be able to use your css classes without duplication.

PS: I used the custom.css without modifying the template core.

Thank you

---

Template Version: 8.3.0

[Support]

This reply has been marked as private.

[novacomitalia]

This reply has been marked as private.

[Support]

This reply has been marked as private.

[novacomitalia]

This reply has been marked as private.

[Support]

Hello Roberto,

Please try with this custom css code:

(css/custom.css):

@media(max-width: 575px) {
    #header {
        height: 100px !important;
    }
    #header .header-body {
        border: 0 !important;
    }
    #header .header-container {
        height: 0;
    }
}

We hope this helps!

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

---

[novacomitalia]

This reply has been marked as private.

[Support]

Hello Roberto,

Great! 🙂

---

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

---

[Author]

Posts