Logo bigger on headslider

Hi, When I scroll down on my website, the logo has the perfect size. Also on the other pages the logo size is fine in the headers. I would only like to have the logo a bit bigger on the homepage, so on the header slider. How can I change this logo size for this place specific? Do you have CSS code for this case? Thanks in advance.

Hello,

I am not sure what exactly you want to achieve. Can you please provide a link to your website and some explanatory screenshots?

Kind Regards, Roman.

Hi Roman, Have you seen my printscreens? Hopefully this makes my question clear :slight_smile:

Hello,

You can try to use the following CSS code in order to make logo bigger on unscrolled home page only.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

body.home #masthead:not(.float-header) .site-logo {
  max-height: 150px;
}

.site-logo {
  transition-duration: 0.5s;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks a lot! It works perfect :). The only thing is that the menu moved down on the headslider (on the other pages it is perfect). How can I get that a bit higher again?

I already found a solution :slight_smile:

Great, you are welcome! :slight_smile:

Kind Regards, Roman.

1 Like