brooklyn theme : fix header for all pages

Solved
Highlighted
Excursionist
39 0 5

Hello,

Can anyone help me with the code for making the header fixed for all the pages .

Currently its staying fixed for home page , but on other pages this disappearing when you scroll up.

 

URL : https://chokhahaar.com

 

 

1 Like
Highlighted
Shopify Partner
8493 1131 2974

This is an accepted solution.

@chokhahaar 

Thanks for post.

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

.header-container {
position: fixed;
    width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
39 0 5

thanks 

this worked!

0 Likes
Highlighted
Tourist
4 0 1

I have add a code for customize my header at theme.scss.liquid, here is the code below:

.header-wrapper, .header-container {
  position: fixed;
  z-index: 1;
  background-color: #1B1B1B;
  width: 100%;
}
.header-sticky .header-wrapper {
  background-color: #1B1B1B;
  @include at-query($min, $medium) {
  .logo img{
    height: 60px;
   }
  }
  .site-nav {
      transition: all .3s ease, height .8s ease;
   -webkit-transition: all .3s ease, height .8s ease;
    -o-transition: all .3s ease, height .8s ease;
    margin-top:0 !important;
  }
}
.header-sticky .header-wrapper {
}
.shopify-payment-button {
  z-index: 0; 
}

.header-container {
position: fixed;
    width: 100%;
}

Screenshot 2020-10-01 at 12.10.42 PM.png

I want to replace this header for all pages, but when I copy the code you share it won't work. Can you help me for this?

1 Like
Highlighted
Shopify Partner
8493 1131 2974

Hello, @SENG1 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1

Here is the website https://guccimalaysia.myshopify.com/, still working on it.

and the pass is utweod

0 Likes
Highlighted
Tourist
4 0 1

I want to change all the header to black BG and white text

0 Likes
Highlighted
Shopify Partner
8493 1131 2974

@SENG1 

Thanks for details 

yes i can be done some more customization code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1

Ya sure you can, then?

0 Likes
Highlighted
Shopify Partner
8493 1131 2974

Hello, @SENG1 

Thanks 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes