Logo shrinks too much

Hi, this is a known bug that came up recently. I’m working on fixing it by releasing the pro version of the plugin.

In the meantime, you can use some CSS to control the different sizes of your logo. Turn off the shrink logo option in the plugin and add this CSS to the site.

.she-header-yes .elementor-widget-theme-site-logo.elementor-widget-image {
/* LOGO TRANSITION */
    transition: all 0.4s ease-in-out !important;
}

@media (max-width: 1025px) {
    .she-header .elementor-widget-theme-site-logo.elementor-widget-image {
/* TABLET SIZE */
        width: 120px !important;
    }
}

@media (max-width: 768px) {
    .she-header .elementor-widget-theme-site-logo.elementor-widget-image {
/* MOBILE SIZE */
        width: 120px !important;
    }
}

Just change “120px” to whatever size you need. I hope this helps, sorry for the trouble.

Also, you might want to set your image size to “full” and align in to the left. You might need to set that column horizontal alignment to “start”. That should keep the logo on the left while changing size.

Thanks for your reply, Robert. Unfortunately none of these helped. I disabled the shrinking logo feature for now.

I’m sorry, I forgot the desktop size in the code. Try this CSS

.she-header-yes .elementor-widget-theme-site-logo.elementor-widget-image {
/* LOGO TRANSITION */
    transition: width 0.4s ease-in-out !important;
}

.she-header .elementor-widget-theme-site-logo.elementor-widget-image {
/* DESKTOP SIZE */
    width: 180px !important;
}


@media (max-width: 1025px) {
    .she-header .elementor-widget-theme-site-logo.elementor-widget-image {
/* TABLET SIZE */
        width: 160px !important;
    }
}

@media (max-width: 768px) {
    .she-header .elementor-widget-theme-site-logo.elementor-widget-image {
/* MOBILE SIZE */
        width: 140px !important;
    }
}

Let me know if this code works for now? Thanks for your patience while I get this bug fixed.