Header

[maya2809]

Hi all, 

i need assistance in keeping my header from moving when scrolling down through the page, any ideas how i can fix this?

[Gideon11 · Accepted solution]

header.header.header--top-center {
      background-color: transparent !important
       position: fixed !important;
      max-width: 100%;
      width: 100vw;
}

Looks like you pasted this in your custom css before,

To solve this click header as before scroll down to custom css and paste this

header.header.header--top-center {
  background-color: transparent !important;
  max-width: 100%;
  width: 100vw;
}

mark as solution or like of it works for you

[Raj-webdesigner · Accepted solution]

Add This css in your edit code > base.css File

body.gradient #shopify-section-sections--18160314482937__header header.header.header--top-center.nonsticky {
    position: fixed;
}

[Gideon11]

Hi @maya2809, 

Kindly provide your store url and password if applicable. 

[maya2809]

https://tamrabeauty.com.au

[BSS-TekLabs]

Hello @maya2809 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[maya2809]

tamrabeauty.com.au

[maya2809]

https://tamrabeauty.com.au/

[Gideon11]

1. Go to your Online Store and click customize

2. Click Header to open Header Settings then look for Sticky Header and change it to non

If this was useful, please like and mark as solution to help others

[maya2809]

Hey, it is already on none, didnt work

[Gideon11]

save changes

[maya2809]

yup did that, still the same.

[Gideon11 · Accepted solution]

header.header.header--top-center {
      background-color: transparent !important
       position: fixed !important;
      max-width: 100%;
      width: 100vw;
}

Looks like you pasted this in your custom css before,

To solve this click header as before scroll down to custom css and paste this

header.header.header--top-center {
  background-color: transparent !important;
  max-width: 100%;
  width: 100vw;
}

mark as solution or like of it works for you

[maya2809]

that worked, but my header is not transparent anymore;

[Gideon11]

save changes so I can fix on my end

[maya2809]

Saved 🙂

[Gideon11]

would you mind if I fixed it myself ? alongside the video bacground you want 

That'd mean you give me staff permissions

[maya2809]

Sure thing go ahead! if its also not so much to ask... I am struggling to make my menu transparent as well as the featured product. 

[Gideon11]

gideonoakinduro@gmail.com that's my mail

[maya2809]

Invite sent! thanks heaps

[Raj-webdesigner · Accepted solution]

Add This css in your edit code > base.css File

body.gradient #shopify-section-sections--18160314482937__header header.header.header--top-center.nonsticky {
    position: fixed;
}

[Gideon11 · Accepted solution]

Check your url, I have fixed them, mark my initial response as solution and like it.

I observed you need an expert to help you build your store, you want customisation that only an expert can easily give you and I can help with that, reach out to my email...

If you aren't willing to work with an expert then simply customize the theme without much tweaks.