CSS to increase height of logo and header in dektop <> Mobile view

Dev
14

Thanks for your help:

For those who come after me and would like to increase their logo size both in desktop and mobile view.

  1. Customize → Themes → Default → Edit CSS/HTML

a) Post in the Desktop bucket:

.d-header {
  height: 5em;
}
.d-header #site-logo {
  height: 5em;
}

b) Post in the Mobile bucket:

.d-header #site-logo {
  max-width: unset;
}
.d-header #site-logo {
  height: 4em;
}
2 Likes