Awaiting an answer General

Shrink header + logo + MENU

Asked by Peter De Reyghere 4 years ago Last activity 4 years ago

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 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago · edited

Hi Peter,

  1. Have you checked on two browsers?
  2. In case of... just share site URL
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. Could you please give us your site URL so that we can check?

-Regards.

Paul Frankowski Senior Staff
4 years ago

Thanks 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; }
Peter De Reyghere Asked this
4 years ago

Hi
Thanks Paul

I added the lines of code. Some changes but the logo remains beneath the header....

Log in to reply.