Delete logo from pages


#1

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?

Thanks!


#2

Hi,

try this code below:

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

put the code above using custom css plugin


#3

Perfect, it works!

Thanks.


#4

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!


#5

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

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

#6

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 ?

Thanks.


#7

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

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

#8

Perfect!
Many thanks.