Hide main title

  • Author
    Posts
  • #117630

    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 elricnofilter.com.

    #117785

    ricardpriet
    Theme Author

    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

    #117790

    Thank you so much for your fast reply!

    It is exactly what I needed!

    Have a nice day ;)

    #117792

    ricardpriet
    Theme Author

    Fantastic, nice to hear that :)

    you are welcome!
    Ricardo P. from SiloCreativo

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