My store's header is messed up

Store Design

Topic summary

Issue: A duplicate header appeared above the store’s main header (screenshot provided). Store URL shared: swift-running.com.

Actions taken:

  • Requested store URL/password to inspect.
  • Proposed CSS fix in theme.min.css via Online Store > Themes > Actions > Edit code.
    • Added: #SearchContainer, #dynamic-checkout-cart { display: none !important; } → removed the extra header.

Follow-up issue: After the header fix, the footer became “static” (appearing stuck). One suggestion was to check for position: fixed in custom CSS; user reported custom CSS was empty.

Resolution:

  • Added in the same CSS file: .footer-wrapper.fix-to-bottom { position: relative !important; } → restored normal footer behavior.

Outcome: Both header and footer issues are resolved. The store owner asked why these issues occurred; no definitive cause was provided in the thread.

Status: Resolved for now; root cause remains unanswered.

Notes:

  • Changes targeted specific selectors (#SearchContainer, #dynamic-checkout-cart) likely responsible for rendering the extra header, and adjusted footer positioning on .footer-wrapper.fix-to-bottom.
  • An initial image was central to illustrating the duplicate header.
Summarized with AI on December 18. AI used: gpt-5.
1

this morning another header started coming above the header of my website

Screenshot 2024-09-24 140517.jpg
Screenshot 2024-09-24 140517.jpg860×465 26.2 KB

2

Hey @lokesh241

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3
4

Hi! I can fix the header for you. just share shopify store details with me. I’ll try my best to remove this extra header.

5

@lokesh241

Please add the code theme.min.css file.

From your Admin panel,

click Online Store > Themes >Actions > Edit code>> find and open the theme.min.css

#SearchContainer,
#dynamic-checkout-cart{
  display: none !important;
}
6

it did removed the extra header but the footer is bad, it is static, please check

7

What do you want with your footer?

8

it is static

9

Maybe somewhere in the custom css, you have given position fixed to the footer section. Try removing it.

10

no, it’s empty

11

@lokesh241 To resolve the footer, Please add this code into the same CSS file

.footer-wrapper.fix-to-bottom {
    position: relative !important;
}
12

Thanks A lot, both the solutions worked.

can you please let me know why these issues happen?