Header Height when Sticky

  • Resolved natirivero

    (@natirivero)


    5 years, 1 month ago

    I haven’t find a way to lower header height for sticky header, I’d like it to decrease from 9rem to something like 6rem. This is ussually an easy fix for me with custom CSS but can’t make it work this time…

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @natirivero,

    If you’re using the menu toggle on desktop, the following CSS should decrease the height of the sticky header.

    
.header-inner.is-sticky .header-toggles .toggle {
	height: 6rem;
}

.header-inner.is-sticky {
	min-height: 6rem;
}

    If it doesn’t work, can you post a link to the site you’re trying to change the header height on?

    — Anders

    Thread Starter natirivero

    (@natirivero)

    Hi @anlino yes I am in fact using the menu toggle on desktop and it worked! thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Height when Sticky’ is closed to new replies.