Hide Logo on all pages

Help please!

Trying to hide the Logo the top of the side, because i but the logo in the top menu bar already. Tried already to do it in Costumizer -> Side Identity, but there I can only choose what to show (Logo, Side Title and Tagline) and not to hide that fully.

Custom CSS would be great! :slight_smile:

Hello there,

I hope you are doing well today.

There should be an option in Appearance > Customize > Site Identity to remove the logo.

This CSS should help regardless:


/*Remove Logo*/
a.custom-logo-link {
    display: none;
}

Best Regards,
Support

Hello,

Thanks for your help, but that does not solve the problem.

If I just ‘remove’ the logo in ‘site identity’ or I put the custom css, only the logo disappears but the space is still there.
(see screenshot)
How can I remove the whole space there, that the photos come right under the menu?

here the screenshot

Please add this CSS in appearance - customize - additional CSS

#masthead > .container {
display: none;
}

Thanks!
Colorlib Support Team

Hello there,

Alright, please remove that last CSS and try this one:


#logo {
    display: none;
}

Best Regards,
Support

#masthead > .container {
display: none;
}
-> this hides everything in the head (including menubar), so that doesn’t solve it

#logo {
display: none;
}
-> this is almost it, but there is still a gap (see screenshot)

What can I do, so the Photo Slider comes RIGHT after the menu bar?

HI

Ok, lets add this code now:

.home .main-content-area {
margin-top: 0px;
top: -30px;
position: relative;
}

Awesome! That worked now!

Thanks a lot. You are doing a great work here :slight_smile:

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support