How can I widen my heading margins in Brooklyn theme?

Store Design
1

Hi,

I would like for my heading to be wider.

This is what it looks like now:

Screenshot 2022-02-28 at 10.42.36.png
Screenshot 2022-02-28 at 10.42.36.png4470×780 367 KB

and this is what i want it to look like:

Screenshot 2022-02-28 at 10.43.32.png
Screenshot 2022-02-28 at 10.43.32.png1324×382 269 KB

can someone help?

2

Please share the store URL.

3

https://www.rosieantwerp.com/

4

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.

5

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

6

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

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

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

8

It worked! I added

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

1 Like
9

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.