How to fix a persistent sticky header when scrolling down?

Store Design
,
1

I have the “enable sticky header” turned off on my header and it still is there even when you scroll down. How do I fix this? My website is https://shebangin.com/ and if there is a password it is “slate”. Thank you!

2

A quick look there’s a fixed style rule in the page, probably in the theme.liquid after the closing tag:


After that then there's probably going to be background color issues, etc

If you need this all fixed contact me directly for services.
Please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

Good Hunting.
3

I visited your website at https://shebangin.com/ (using the provided password “slate”) and noticed that the header does indeed remain sticky when scrolling down, even though you have the “enable sticky header” option turned off.

To resolve this issue, you can apply custom CSS to override the sticky behavior of the header. Here’s the CSS code you can use:

.header-wrapper {
  position: static !important;
  z-index: auto !important;
}

To apply this code:

  1. Log in to your Shopify admin panel.
  2. Go to “Online Store” and click on “Themes.”
  3. In the “Actions” dropdown menu, select “Edit code.”
  4. Look for the file named “theme.scss.liquid” or “theme.css” in the list of theme files.
  5. Open the file and scroll to the bottom of the code.
  6. Insert the provided CSS code at the bottom of the file.
  7. Save the changes.

This CSS code overrides the default sticky behavior of the header by setting its position to static and the z-index to auto. This should prevent the header from remaining sticky when scrolling down.