Logo Header

[Betto]

Hi
I bought another new license for a new customer. I am working with the Law Firm demo and modified the header-logo to the one used in the Corporate 8 template (img01), removing the side information, however the logo is not centralized and does not appear responsively on the mobiles (img02), because the size is also has been increased to 400px. Could you help me with the adjustments? Thanks

https://ogf.adv.br/ogf-2021/img-support/img01.png

https://ogf.adv.br/ogf-2021/img-support/img02.png

---

[Support]

Hello, thanks for your new purchase.

First we should reduce the logo size on mobile devices:

(css/custom.css):

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

And to always keep the logo centered in all resolutions/screen sizes, change the header column that wraps the logo from:

<div class="header-column justify-content-start justify-content-md-center ">

To:

<div class="header-column justify-content-center ">

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

---

[Betto]

Thank you Rodrigo

Worked perfectly. Thanks for the quick and objectivity of their care.
Best Regards

Roberto Gomes

---

[Support]

Hello Robert,

Great the issue is now resolved! 🙂

If you need further assistance feel free to contact us.

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

---

[Author]

Posts