Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #127293
    Debbie
    Participant

    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/

    #127308
    Mahesh
    Participant

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

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

    Regards,
    Mahesh

    #127379
    Debbie
    Participant

    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.

    #127410
    Mahesh
    Participant

    @violetdeb: Add the following CSS:

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

    Regards,
    Mahesh

    #127454
    Debbie
    Participant

    Perfect. Thank you!

    #127489
    Mahesh
    Participant

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

    Regards,
    Mahesh

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable/hide site title and tagline if scrolled or shrink header area’ is closed to new replies.