Change logo size beyond the maximum size on squarespace 7.1

Site URL: https://www.welcome-to-utopia.de/

38 minutes ago, ka_scal said:

Site URL: https://www.welcome-to-utopia.de/

How to increase the logo size on Squarespace 7.1

The maximum logo size is still too small, so I tried to increase it even more, by adjusting the max-height value until I get the look I want, but nothing happend

 .header-title-logo img {
max-height: 500px;
}

So I tried to increase the width instead:

 .header-title-logo a {
width: 900px;
}

And what happens is: I get the size I want but the header (logo + navigation) shows left aligned instead of centered. --> see picture

How can I make the logo bigger, but still stay centered?

You can try adding to Home > Design > Custom Css

.header-title-logo img {
	height: 10rem;
}

.header-display-desktop {
	display: block;
}
/*Fix for mobile*/
@media only screen and (max-width: 767px) {
	.header-display-desktop {
		display: none;
	}
}

In addition, i've set the modification fix for mobile breakpoint

Let me know if it work properly on your site

Support me by pressing 👍 if this useful for you

My Testing result

32 minutes ago, bangank36 said:

You can try adding to Home > Design > Custom Css

.header-title-logo img {
	height: 10rem;
}

.header-display-desktop {
	display: block;
}
/*Fix for mobile*/
@media only screen and (max-width: 767px) {
	.header-display-desktop {
		display: none;
	}
}

In addition, i've set the modification fix for mobile breakpoint

Let me know if it work properly on your site

Support me by pressing 👍 if this useful for you

This works perfectly fine. Thank you!