Account and cart icons placement on mobile view

[jehan70]

I want to move menu hamburger, account, and cart icon in logo row.
Also, on desktop site there is this gap in mega menu and search bar.

[Dan-From-Ryviu]

Hi @jehan70 

Could you share your store URL? 

[jehan70]

Sure, here:
www.abarcy.ae

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
.header__icons { grid-area: heading !important; }  
}

[jehan70]

In base.css?
How about desktop site. I just enabled mega menu. It will be visible now.

[Dan-From-Ryviu]

You can add it at the bottom of the base.css file. Here is the final code 

@media (max-width: 749px) {
    .header__icons { 
        grid-area: heading !important; 
    }  
}
@media (min-width: 990px) {
    .header--middle-left {
        grid-template-columns: 1fr 1fr 7fr 1fr !important;
    }
}

[jehan70]

It didn't not work also now sticky header is not working. Maybe that is because of the below code i added for website sliding issue:
@media (max-width: 768px){
html, body {
overflow-x: hidden !important;
}
}