Shrink Header + Logo + MENU
PR
Peter De Reyghere
Hi
On Helix Ultimate, Im trying to shrink the header + logo but also the menu when i scroll
I alreadt found the documentation on this forum to shrink header and logo, but when scrolled, the menu still remains the original height.
I would like to have a header logo and menu which is 100 px, but scrolled everything shpudl be 60 px
Now i Use this
#sp-header.header-sticky {height: 60px; background: rgba(255,255,255,0.8);}
#sp-header.header-sticky .sp-megamenu-parent > li > a,
#sp-header.header-sticky .sp-megamenu-parent > li > span
{line-height: 60px;}
#sp-header.header-sticky .logo-image {
height: 60px;
}4 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi Peter,
- Have you checked on two browsers?
- In case of... just share site URL
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give us your site URL so that we can check?
-Regards.
Paul Frankowski
Accepted AnswerThanks for the link.
In custom CSS add also that
#sp-header.header-sticky .logo-image
{ height: 55px;}
.header-sticky .align-items-center
{align-items: initial !important; }
.header-sticky #sp-menu > .sp-column {
height: 60px; }