Hi, I’m hoping to have my mobile heading look like this, with no hamburger menu, logo adjust left, and stacked navigation text. Any help in the right direction is welcome, thank you!
You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings
@media (max-width: 749px) {
.header {
display: flex !important;
}
header-drawer {
display: none !important;
}
nav.header__inline-menu {
display: block !Important;
margin-left: 1rem !important;
margin-right: 0 !important;
}
}
Thank you! Not getting the same results, can you take a look? Also would like logo to not shrink quite that small if possible.
Hi again! Hoping you can help me troubleshoot, this same code is not giving those results for me unfortunately.
Weird, i moved it above a few lines of custom CSS and it worked, but i’d love to see the logo not shrink so much, if possible! Thank you in advance