Main issue: Create a landing page without header announcement and footer. The user tried hiding elements via CSS but only the announcement bar and footer disappeared; the header remained visible.
Attempted approach: CSS targeting .header-wrapper, .announcement-bar, and footer.footer with display: none !important. In the provided code, the header rule reads “d isplay: none,” which appears malformed and may prevent the header from being hidden. (CSS “display” controls element visibility.)
Latest update: A respondent suggested using an alternative code solution, but the shared code block is empty, so no specific fix was provided.
Outcomes and status:
Notes: Code snippets are central to understanding the issue; the second reply’s missing code limits actionable guidance.
Hello!
I need some help with this situation, i want to make a landing page without the header announcement and footer section but I can’t make it done!
I tryed with this code on the template
.header-wrapper{ display: none !important; } .announcement-bar { display: none !important; } footer.footer{ display: none !important; }the prblem with this is that the footer and announcement they disapear but the header still
Hey @backtoorigins
Try this code instead
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed