Account and cart icons placement on mobile view

Store Design
, , ,
1

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.

Screenshot (20)29.png

Screenshot (20)30.jpg
Screenshot (20)30.jpg1290×282 17.8 KB

Screenshot (20)31.jpg
Screenshot (20)31.jpg1288×287 16.7 KB

2

Hi @jehan70

Could you share your store URL?

3

Sure, here:
www.abarcy.ae

4

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

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

Screenshot 2024-10-14 at 13.53.52.png
Screenshot 2024-10-14 at 13.53.52.png956×1020 151 KB

5

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

6

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;
    }
}
7

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;
}
}