Ah I understand.
Yea, padding won’t reduce with browser size, so you’ll have to use some CSS here.
@media screen and (max-width: 767px) {
.site-header .inside-header {
padding-top: 40px;
padding-bottom: 40px;
}
}
This will adjust the padding to your header when the browser window reaches 767px.
You can change the pixels to whatever break point you like, and can even duplicate these instances with different widths so you can gracefully decrease the spacing inside the header.
Let me know if that helps or not 🙂