Hi! This has all been so helpful, thank you so much. I'm still running into a bit of an issue though - my social link is still left aligned and I want it centred with everything else.
This is the code I have:
//header//
.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, {visibility:hidden!important}
.header-menu-nav {text-align: center!important; }
div.header-menu-nav-item a {
font-size: 30px !important;
padding: 20px;
}
.header .header-burger {
order: 1 !important;
}
.header-title-nav-wrapper {
order: 2;
}
.header-actions.header-actions--right {
order: 3;
}
Can someone help? Thank you!