Hide logo with shrinking header

Tagged: enfold, hide logo, shrinking header

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
September 17, 2014 at 1:19 am #320197

jaimemerz
Participant

Hi there,

I would like to use the shrinking header, but instead of having a small logo I would like to remove it all together (only when the header is “shrunk” upon scroll.

How do I go about doing this? Simple CSS?

Cheers,

Jaime

September 17, 2014 at 1:27 am #320198
Yigit
Keymaster
Hey jaimemerz!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.header-scrolled .logo { opacity: 0; }
```
Cheers!
Yigit
September 17, 2014 at 2:07 am #320241

jaimemerz
Participant

Awesome – the logo disappears, but now there is a pretty large empty space where the logo should be (75px). Can I remove that empty space so the menu is closer to the top of the page?

September 17, 2014 at 6:56 am #320327
Ismael
Moderator
Hi!

You can replace the code with this:
```
.header-scrolled #header_main > .container {
display: none !important;
}
```
Regards,
Ismael
September 17, 2014 at 7:01 am #320331

jaimemerz
Participant

Awesome! Worked like a charm. Thank you so much!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Hide logo with shrinking header’ is closed to new replies.