Header height

  • I’d like to make the header much less tall.

    How can I customize the size of the header?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    Here is the CSS code to change the height of the header area (the image):

    
.has-banner, .has-banner::after {
    max-height: 700px;
}

    You can put the code into Customize > Additional CSS.

    Hello @tomdesign1,

    You can use the code has suggested by Hakim above. However it applies on all screen sizes. If you want it to remain as it’s now for smaller screen, limit the style only for larger screen with media query. For example: 

    
@media only screen and (min-width: 1025px) {
  .has-banner, .has-banner:after {
      max-height: 50vh;
  }
}

    Here I suggest vh unit instead of px. 50vh means 50% of device’s screen height.

    Regards,
    Kharis

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