Hide main title

  • Hey there!

    I would like to hide the main title in the header (the text right after the logo).

    In my case, I just want to hide “Elric # No Filter”.

    The reason I don’t want to let it blank is I want a title for the metadescription. But maybe there is another way…

    Here is my website: https://elricnofilter.com/

    Thank you so much for your help and this great design!
    Elric :)

    The blog I need help with is: (visible only to logged in users)

  • Hello Elric,
    Thank you for writing.

    Yes of course, if you want to hide the site title but keep the site description, then CSS is the best way.

    You can add this to hide:

    .image-header h1.site-title {
        display: none !important;
    }

    There is a double line between the site title and the site description, you can also hide it using this:

    .image-header .site-description:before {
        display: none;
    }

    Finally, if you need more space or less space between your logo and site description, this CSS will help:

    .image-header .site-description {
        padding-top: 15px;
    }

    Just play with 15px value. Less value (5px) will shrink the space. A big value (30px) will give you more space.

    Hope this helps :)
    Thank you again!
    Ricardo P. from SiloCreativo

  • Thank you so much for your fast reply!

    It is exactly what I needed!

    Have a nice day ;)

  • Fantastic, nice to hear that :)

    you are welcome!
    Ricardo P. from SiloCreativo

  • The topic ‘Hide main title’ is closed to new replies.