Delete logo from pages

Hi there!

My logo is too big, and I would like to remove it from the pages (not from the front page - home). Is this possible?



try this code below:

body:not(.page-template-page_front-page) .site-logo {
    display: none;

put the code above using custom css plugin

Perfect, it works!


One more question , referring also to the logo on pages:

Is there any way , instead of removing the logo on pages (not the home page)
, to make it smaller ?

I mean , I have this right now on my home page :


.site-header.float-header .site-logo {
height: 80px;

.site-logo {
max-height: 350px !important;
width: auto;

This is perfect, but on pages the logo appears too large and does not fit with my design of the pages. That’s why I decided to delete it. But now I see that pages only have the main menu in the header , and would look better with a small logo . Is there any way to do this , only on pages ?

Many thanks!

I see… you can adjusting the value of the height from the code above:

.site-header .site-logo {
  height: 50px;

It works, but it changes the size of the logo , both on pages and the home page. And I just want to resize the logo on pages, on the home page I want to keep the 350px that I have . Is there any way to do that ?


I see. So, make the code look like this:

body:not(.page-template-page_front-page) .site-logo {
    height: 50px;

Many thanks.