How can I widen my heading margins in Brooklyn theme?

Hi,

I would like for my heading to be wider.

This is what it looks like now:

and this is what i want it to look like:

can someone help?

Please share the store URL.

https://www.rosieantwerp.com/

Hello!
Thanks for the store URL.
Please add the below CSS in the timber.scss.css theme file at the bottom:

h2 {
    letter-spacing: 10px !important;
}

Hope this will help you out.

Thank you so much, but i meant the header where my logo is!

Hello @Ellen13 !
I see! Then please add the below CSS:

.wrapper {
    max-width: 1905px !important;
}

This works, but then my entire site changes width. Is it possible to only change the header?

It worked! I added

.site-header .wrapper {
max-width: 1905px !important;
}

1 Like

Hi @Ellen13 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss->paste below code at the bottom of the file:
.site-header .wrapper {
    max-width: 1905px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.