How do I make a transparent header in Colorblock 3.0.0?

Store Design
1

I would like to make a transparent header in Colorblock 3.0.0 that allows my image banner to show seamlessly altogether with the menu navigation inside the image banner.

2

Hello,

Please share your website link.

3

Thank you for your help.

Could I share it privately with you?

4

Sure - DM me.

5

The below code can be a way to achieve what you are looking for:

@media (min-width:768px) {
#shopify-section-header {
  background: transparent;
}
main#MainContent {
  margin-top: -115px;
}
}
@media (max-width:768px) {
main#MainContent {
  margin-top: -60px;
}
}

Regards,

Gabriel

1 Like
6

Thank you so much Gabriel!

Which part of the code should I be editing?

7

Adding the code at the end of your base.css file should work as expected.

Cheers!

1 Like