Jump to content

CSS for logo size no longer working?

Recommended Posts

Hi folks-

For many years now, my CSS has included the code:

.Header-branding-logo { max-width: 1110px; }

To increase the size of the logo beyond the max. However, a month or so ago, though I don't think I changed anything, I noticed the logo seemed to stop responding to the code. For instance, the code is there now, but the logo appears small.

Does anyone know if something changed, or if there's anything I need to do to update the workaround?


(Mara Aria, Brine, 7.0)

Any observations appreciated, and thx!

Link to comment
  • Replies 3
  • Views 222
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hey Tuan, thx so much-

So that code did increase the size, but the logo displayed blurry, when it did.
Previously, with just
.Header-branding-logo { max-width: 1110px; }
and the same logo file as now (a 3718 x 314 PNG), it displayed crisply at 1110. Don't know if the difference is that the logo is now still starting at 320, and scaling up w/ this code?
Anyway - if other thoughts, greatly appreciated!
Thx again.
19 hours ago, tuanphan said:

You can use this CSS code under

[data-nc-container="top-center"] {
    flex: 100% !important;
.Header-branding[data-nc-element] {
    width: 50% !important;


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.