District Theme - Make Header Transparent

Solved
Highlighted
Excursionist
14 0 4

Hey, I'm looking to make the header in district theme transparent in mobile view, so the logo appears to be hovering at top of slideshow. Any help?

0 Likes

Success.

Shopify Expert
665 170 199

Hi, @hsh100 ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

 

@media screen and (max-width: 700px) {
#shopify-section-header {
position: absolute;
z-index: 100000;
width: 100%;
}
header.site-header {
background-color: transparent!important;
} }

 

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Excursionist
14 0 4

Thank you Evita! :)

0 Likes
Excursionist
14 0 4
Hey Evita,

When I made the header transparent, the logo is appearing on the product images on product pages. How would I make the logo appear a small bit higher on every page (apart from homepage) so it doesn't cover images and titles?
0 Likes