How To Change Height of Header in Dawn Theme with Centered Menu

Store Design
1

Hi there

We’re currently trying to edit the height of our header. We’ve followed code from another forum however this appears to effect the menu, logo, cart, and other icons by not being centered within the middle of the header. We’d like to keep our header with a height of 50px but with the icon, menu items, etc. being centered within the blue header. It’s currently at 100px. Thank you for the help in advance!

Link to website nysonretail.com

2

Hi,

To change the top header height, please add the code below to assets/base.css file.

@media only screen and (min-width: 992px) {
  header.header.header--middle-left.page-width.header--has-menu {
    height: 50px !important;
    margin-top: 0 !important;
    max-height: 50px !important;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    width: 100% !important;
  }
}

If you resolve the issue, please click “Like” and “Accept solution”.

If you still have the issue or have any questions, please let me know.

Hope it helps.

Thanks.

3

Thank you very much! This is exactly what we were looking for.