Get Hamburger menu on desktops & Tablets
-
Hi,
Would it possible to get, on desktops and tablets, the hamburger menu and the search icon (magnifying glass icon) on the left of the Header, while keeping the logo in the center, and account + favorites + basket on the right.
All in all, like on this one:
https://snipboard.io/qwfmFG.jpg
Kind regards
Hello,
Unfortunately, it is not as possible exactly as you want, HTML structure does not allow that.
You can add this custom CSS to hide the main menu and show the hamburger:
@media (max-width: 1400px){
body .main-header .main-nav{
display:none;
}
body .header-full-width .main-header>.container {
padding-top: 10px;
padding-bottom: 10px;
}
body .sticky-header {
padding-top: 5px;
padding-bottom: 5px;
}
body .right-column .mobile-nav-icon {
display: inline-block;
}
body, html {
max-width: 100%;
}
.document-ready .mobile-nav {
display: inline-block;}
body .sticky-header .main-nav {
display:none;
}
body .site-logo {
width: 50%;
}
body .right-column {
width: 50%;
}
}
Best Regards
.
