@tuanphan Hi, I've added the hamburger to my desktop version but now my logo is on the left side. I want the hamburger on the left, logo in the middle, and book now/social icon on the right. Any idea what code I need to add or edit? Website > https://lemon-flower-srp5.squarespace.com/home
Current Code:
@media screen and (max-width: 5000px) {
/* Display burger icon at all widths and align right */
.header .header-burger {
display: flex;
order: 2 !important;
}
/* Make burger menu visible at all widths */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
/* Center logo in mobile device */
.header-title {
text-align: left !important;
}
/* Hide primary navigation menu */
.header .header-title-nav-wrapper .header-nav {
display: none;
}
}.header-menu-nav-item {
line-height: 3em
}
@media screen and (min-width: 900px) {
.header-menu-nav-item a {
font-size: 10vmin;
}
}
