Thank you to Ziggy for helping me to add the necessary padding to account for the hamburger menu.
//display hamburger menu on desktop
.header .header-burger{display:flex}
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu { opacity: 1; visibility: visible;}
//modify menu font size
.header-menu-nav-item {
line-height: 2em
}
@media screen and (min-width: 768px) {
.header-menu-nav-item a {
font-size: 2vmin;
}
}
//padding to center logo
@media screen and (min-width: 768px) {
.header-title-logo img {
padding-left: 47px;
}}
lilyweitzman's post in Using CSS to display hamburger menu on desktop and LOGO is now off-center was marked as the answer
