Staff replied Templates

Helix ultimate header height 110px

Asked by Marin 4 years ago Last activity 4 years ago

Hi, I have a problem with a few of my websites on which I have helix ultimate. The header height is stuck at 110px.

4 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

Thanks for contacting us. Use this custom CSS and use that height which you want.

header#sp-header {
    height: 130px !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Marin Asked this
4 years ago · edited

Thank you. But I would like to set it on 80px, and when I do this, the logo and the menu stay off alignment, they stay in the vertical center of 110px. You can see it live on site right now.

Marin Asked this
4 years ago

Any help?

Mehtaz Afsana Borsha Staff
4 years ago

Use this custom CSS


#sp-header{
  height:80px
}

.sp-megamenu-parent{
  bottom:10px;
}

.header-modules .search{
    bottom:10px;
}

.burger-icon{
  position:relative;

   bottom:10px;
}
.logo-image {
    position: relative;
    bottom: 10px;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Log in to reply.