Hi! I am customising my menu drawer and managed to make it full height but now it overlaps the “x” and “search” buttons is there a way where I can make them appear on the opened drawer?
Thank you!
Store url: https://founderscut.co
3 Likes
Hey @Mateyss
You need to custom code these two icons in your menu drawer and of course since it’s not possible with CSS only so I can’t directly help you out until and unless I have the access of the backend so feel free to share your collaborator request code in my private messages and I’ll see what I can do.
Cheers,
Moeed
Hello @Mateyss
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.header__icons {
position: relative !important;
z-index: 11 !important;
}
Thank you!
Hey @Mateyss,
First of all I cannot see the menu drawer in the Full width. But if you working on the duplicate theme and you need help where the header icons not showing in on the top of the menu drawer and it’s showing behind the menu drawers then you need to follow these steps to make it appear on the Menu Drawer.
Go to Shopify Admin >> Online Store >> Edit Code >> base.css
In the end of base.css paste the following code shared below.
.header__icon.header__icon--search.header__icon--summary {
position: relative;
z-index: 999;
}
Results:
If you need more help with this, then let me know.
Thanks
that is my problem that the menu drawer disappears and I cant access it after I open it. is there a way to make it appear on the opened drawer
This requires to take a look in your theme file.
By any chance can you share your store code.
Thanks
I can’t share as I don’t have the package to do so
Could you please clarify what is mean by “package“?
I mean subscription plan
I know you are on the Development store. But still you able to share it.
how can I do it then? sorry i’M new to this