Header does not show in post generated with HTML

  • Resolved carhim281

    (@carhim281)


    6 days, 7 hours ago

    Hello Astra team,

    I’m using the free Astra theme on my WordPress site (Gutenberg editor,
    IONOS hosting). I’ve set up the header correctly via the Header Builder:

    • Website Title “Wolkenhülle” is set
    • Primary Menu is configured and assigned to “Primary Menu” position
    • Transparent Header is OFF
    • Container Layout for Single Post is set to “Content Boxed”

    I have a clear diagnostic finding I’d like to share, which might help
    narrow down the issue:

    → On a simple test post containing only plain text (“Test”), the header
    displays correctly.

    → On the SAME post template, when I use a Custom HTML block with my own
    CSS/HTML content, the header completely disappears.

    This rules out a global misconfiguration (otherwise the header would be
    missing in BOTH cases). The issue is specific to the combination of
    “Custom HTML block + post template”.

    I have tried:

    • Adding position: relative and z-index: 1 to my HTML container
    • Reducing the padding-top of my hero section to 40px
    • Changing Container Layout settings
    • Verifying the Menu is assigned to the Primary Menu position

    Nothing fixes the issue. It seems like my HTML block is somehow
    overlapping or pushing the header out of the viewport.

    My site is currently in maintenance mode, so I can’t share a public
    link, but I’m happy to share:

    • Screenshots of the configuration
    • The full HTML/CSS code of my block
    • Comparison screenshots (with/without HTML block)

    Could you help me identify what in my Custom HTML block might be
    blocking the Astra header from displaying?

    Thank you very much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • BSF – Humayon Kabir

    (@humayonk)

    5 days, 18 hours ago

    Hi @carhim281

    Thank you for sharing such a detailed description of the issue — that really helps narrow things down!

    You’re right that this is almost certainly caused by something in your Custom HTML block’s CSS overriding or overlapping Astra’s header. Here are the most common culprits and how to fix them:

    1. Check for a full-viewport height (100vh) on your hero section
    If your CSS includes something like height: 100vh or min-height: 100vh on a top-level container, it can push the header completely out of view or behind the content. Try changing it to something like min-height: 80vh or a fixed pixel value and see if the header reappears.

    2. Look for position: fixed, position: absolute, or negative margin-top
    These properties can cause elements to sit on top of or behind the Astra header. Check your CSS for any of these and either remove them or add a margin-top that accounts for the header height.

    3. Check for overflow: hidden on a wrapper
    Sometimes adding overflow: hidden to a parent container can clip or hide elements like the header that sit above it.

    4. Check the Header display setting per post
    Astra lets you disable the header on a per-page/post basis. When editing your post, scroll down to the **Astra Settings** meta box (below the editor) and make sure **”Disable Header”** is NOT checked. This is an easy one to miss!

    More details here: https://wpastra.com/docs/page-layout-settings-guide/

    5. Try temporarily simplifying your HTML block
    To isolate the exact line causing the issue, try removing your CSS styles one section at a time and previewing after each change. This will help you pinpoint exactly which rule is hiding the header.

    If none of the above solves it, we’d love to see:
    – Your full CSS from the Custom HTML block
    – A screenshot of the post with the header missing
    – Comparison screenshots (with/without HTML block)
    – A screencast, if possible, about how to reproduce the issue
    – Please export and share your customizer setting with us by following this: https://wpastra.com/docs/how-to-import-export-astra-customizer-settings/

    Feel free to share those, and we’ll dig deeper with you!

    With Regards
    Humayon

    Thread Starter carhim281

    (@carhim281)

    5 days, 12 hours ago

    Hi Humayon,

    You were absolutely right — it was point 4! 🎯

    I scrolled down to the Astra Settings meta box below the editor and
    found the Header was actually deactivated
    on my post. I had no idea this setting was there. After turning it OFF
    and updating the post, the header finally appeared.

    I went through all my other posts as well and found the same setting
    enabled there too — apparently I had activated it at some point during
    the initial setup of my site.

    Thank you so much for the detailed and helpful answer! Your point 4
    saved me a lot of debugging time. Really appreciate the support.

    Best regards,
    Carmen

    BSF – Humayon Kabir

    (@humayonk)

    4 days, 18 hours ago

    Hi @carhim281

    Thank you for writing back to us, and we’re glad to hear that the issue has been resolved now.

    If our suggested solution helps resolve the issue, could you please mark the thread as Resolved?

    It helps others in the community who may run into the same situation find the solution quickly.

    With Regards
    Humayon

    Thread Starter carhim281

    (@carhim281)

    4 days, 14 hours ago

    thanks again for your quick support!

    best regards

    Carmen

    BSF – Humayon Kabir

    (@humayonk)

    3 days, 18 hours ago

    Hi @carhim281

    You’re welcome.

    Have a good day!

    With Regards
    Humayon

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.