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

[Author]

Posts