Brooklyn header

Solved
Highlighted
Tourist
9 0 2

Hi, 

I'm setting up my store using the brooklyn theme but I cannot seem to find a way to decrease the space between my header and the page margins.

Is there any way I can have my header items closer to the edges?

 

Thanks!

1 Like
Highlighted
Shopify Partner
233 27 47

@Gerardlopez 

Please give your store URL. to check this and provide solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Tourist
9 0 2

Hi, sorry it's my first time posting here

https://algo-bazaar-archive.myshopify.com

and the password is jowsto

0 Likes
Highlighted
Shopify Partner
233 27 47

Thanks for URL.

can you please guide which spacing do you have reduce on header.
so i will provide proper solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Tourist
9 0 2

I would like to move these elements closer to the edge so It looks wider and more modern

Captura de pantalla 2020-06-23 a las 12.05.44.pngCaptura de pantalla 2020-06-23 a las 12.05.38.png

0 Likes
Highlighted
Shopify Partner
233 27 47

This is an accepted solution.

@Gerardlopez 

Thanks for info

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.site-footer .wrapper {
    max-width: 100%;
}
.site-header .wrapper {
    max-width: 100%;
}
Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Tourist
9 0 2

Thank you! It worked :)

 

If I want to align the newsletter subscription to left so it matches the footer do I need to do the same thing?

0 Likes
Highlighted
Shopify Partner
233 27 47

@Gerardlopez 

How to like this?

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Tourist
9 0 2

Captura de pantalla 2020-06-23 a las 14.25.02.png

@IttantaTech moving the element towards the arrows

0 Likes
Highlighted
Shopify Partner
233 27 47

This is an accepted solution.

@Gerardlopez 

Thanks

.newsletter .wrapper {
    max-width: 100%;
}
.newsletter h2.h1.section-header__title {
    text-align: left;
}
.newsletter form {
    margin: 0;
}
Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes