[Debbie]

When you scroll, the header stays “stuck” at the top, which I really like, but it takes up too much vertical space with the logo, title, and tagline. Is there a way to disable the site title and tagline when scrolled? Or shrink the branding area similar to how Adventurous Pro does?

https://pmeglobalsolutions.com/

[Mahesh]

@violetdeb: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.float-header #site-header {
    display: none;
}

Regards,
Mahesh

[Debbie]

Thank you; that is a big improvement. The logo still takes up more vertical space than I’d like though … can I shrink it? Only for float-header — I like the size when it is not scrolled. I tried some things, but my css is just not up to the task.

[Mahesh]

@violetdeb: Add the following CSS:

.float-header #site-logo img {
	width: 100px;
	transition: all 0.5s ease;
}

Regards,
Mahesh

[Debbie]

Perfect. Thank you!

[Mahesh]

@violetdeb: Thank you for your appreciation. Have a nice day.

Regards,
Mahesh

[Author]

Posts