Support » Fixing WordPress » Hide header with custom CSS

  • Hey guys,

    I want to hide the header picture as it is not suiting our design. However the template does not offer a “hide header” option. Therefore I need a CSS code. The ones I found online already did not do the trick. Can someone offer me the code I need to do so?

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hello ondersteboven20,

    With Header image do you mean this one?

    https://shotjesbarnijmegen.nl/wp-content/uploads/2019/03/De-beste-shotjesbar-van-Nijmegen-3.png

    Please confirm, so I can provide you the CSS code for the same.

    Thanks.

    Thread Starter ondersteboven20

    (@ondersteboven20)

    Hi Kartik,

    Yes, if we do not upload a picture in the header area it just leaves a large black header. So we want to hide the whole header, which right now is the picture you are referring to.

    Hello,

    You can try below CSS

    .site-header {
    background: none;
    height: 0px !important;
    }

    This is a temporary fix, I would recommend you to reach theme support as well. I think you are using Quna Theme available on WordPress Directory.

    You can use their specific support channel.

    https://wordpress.org/support/theme/quna/

    Hope this helps.

    Thanks.

    @kartiks16 the code doesn’t work, but I can’t find a way to fix it too!
    I’m not a pro coder but, I mean, I know how to use a console…but I can’t find a way to hide it 😀
    (did you notice what happen when you scale the viewport to a smaller device?… it’s a possessed theme)

    @ondersteboven20 yes I suggest you to contact the theme support because I’ve no idea on what’s going on.

    Teo

    P.S: I tried playing with visibility and display on several elements but can’t find the one which contain the image…

    Hello thewebcorsair,

    Thank you for Jumping in topic and sharing your expert views.

    I have tested the CSS through Developer tool for Desktop mode. I have not checked on Mobile devices.

    As already mentioned, this is not a correct way and have already provided the Theme Support URL to ondersteboven20

    Thanks.

    @kartiks16 yeah I know. In any case it’s strange because I can’t find the right div…
    (I’m not an expert…I just like to “play” with css)

    Thread Starter ondersteboven20

    (@ondersteboven20)

    Thank you for the code. I will contact theme support for a fix for long term.

    @matteo on the mobile version of the site you can indeed still see that there should be a header. Maybe the developer can help me with this.

    this code hide the container in the inspector

    header#masthead {
        display: none;
    }
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Hide header with custom CSS’ is closed to new replies.