Logo is shrinking but not the full header

We plan on adding options to shrink more header elements in the future but for now that would take some custom CSS to do what you want.

Are you using the Elementor menu and search? If so, I can write some code that will work for you. Let me know

I use elementor button widget for both buttons (and these buttons open an elementor popup menu).

I can use custom id if needed.

It would be great if you can help me on that.

Thanks!

Great, so Elementor buttons with no text, just an icon? Is the icon set to before or after the text?

The button on the left is a button with a text “MENU”, the button is set before the text.

Button on the right is not a button my bad, its an icon widget with an svg set inside.

Thanks

Alright, I’ll replicate it and write you some code. I won’t be on my computer til a little later if that’s ok. Just maybe an hour or 2

No problem, take your time ??

Thanks.

Alright, try out this CSS and let me know if it works for you

/* Shrink button and icon */
.she-header .elementor-button, .she-header .elementor-icon {
/* Change 0.7 to whatever scale factor you want them to shrink to */
    -webkit-transform: scale(0.7) !important;
    -ms-transform: scale(0.7) !important;
    -o-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

It works!

Thank you very much.

Stay safe ??

No problem, will do, and happy to help.
I really appreciate a review! Thanks a lot!

Hey Robert Wattner.

I found your thread, while having same issue. And it worked! Thanks alot.
Is there anyway to make the border of the header shrink as well? Right now the logo and the buttons shrink. But not the header itself.

Best regards Jonas