Changing header size on Brooklyn

Highlighted
New Member
3 0 0

I’m relatively new to Shopify and have just started a site with the Brooklyn theme.

Is there any code to allow me to change the size of the header as it is currently too big on one of my product pages?

If it is also possible, is there any way to alter the header on my product page to make it transparent like it Is on my home page? I’ve tired a lot of .css code for this and nothing has seemed to work.

Thanks in advance

0 Likes
Highlighted
Astronaut
1085 178 214

Hello,

Yup, it's possible. Send me the URL to your store so I can help you out. 

Thanks.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
3 0 0

Here's the link to my store and the page in question:

https://xmptperformance.com/products/xmpt-premium-training-bands-11-piece-set

0 Likes
Highlighted
Astronaut
1085 178 214

1. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
2. paste this code right above the </body> tag:

<style>
.template-product .main-content {
padding-top: 0 !important;
}

</style>

Let me know whether it works. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
3 0 0

Yeah that worked great thanks!

0 Likes
Highlighted
Astronaut
1085 178 214

No problem! Please don't forget to like and mark my answer. :)

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes