been playing
with header.liquid code to make a transparent top menu but ended up stuck with the cart icon size that I can’t change and the white space above that I can’t get rid off
Hey @Sayyed
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
tohneu
Hey @Sayyed
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
header a#cart-icon-bubble svg {
width: 7rem !important;
height: 7rem !important;
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
worked, thanks alot
other problems showed up related to navigation bar options and search tool would you mind helping me?
Of course, feel free to let me know! 
Best,
Moeed
try to click on the drawer on the top left, it is not actually working also the search tool can’t be closed after being used
totally obvious I am new and still learning 
No worries at all,
Keep the previous code and add this new code above in the end of theme.liquid file where you added the previous code.
div#menu-drawer {
transform: translate(0%) !important;
visibility: visible !important;
}
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
big thanks bro you are my hero fr all problems solved except for the search tool if you can help
Hey I found that you are pasting the code without the style tag in Shopify theme.liquid file. And that’s why the same code not working and it shows in the end of your store on home page.
Please wrap this code in <style></style> tag.
Like the below.
<style>
div#menu-drawer {
transform: translate(0%) !important;
visibility: visible !important;
}
</style>
Hope this helps you.
worked without the tags thanks for your help