How can I make the menu transparent in Origin theme?

Store Design
,
1

Hi there,

Would it be possible to make this menu transparent? (and maybe increase the font size) Or have an option with the white overlay that’s showing on the right of the menu at the moment?

website

password: skoffi

Thanks so much!

Screenshot 2023-07-25 at 09.47.14.png
Screenshot 2023-07-25 at 09.47.14.png1798×1430 259 KB

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
div#menu-drawer {
background: transparent;
}

ZestardTech_0-1690272219432.png
ZestardTech_0-1690272219432.png742×727 416 KB

3

Hello @INFRA

Its Artzen Technologies! We will be happy to help you today.

Add this CSS in your CSS file --:

.header__icon.header__icon--menu[aria-expanded=true]:before {
    background: transparent;
}
#menu-drawer.menu-drawer {
    background: transparent;
    border: none;
}

Let me know if need further assistance
Regards,
Artzen Technologies

4

this worked perfectly, thank you! Is there a way to hide the logo in the header on the first slide image?

5

And is there a different code I can use to increase the fontsize on the menu?

#menu-drawer__menu.has-submenu.list-menu {
    font-size: 28px !important;
}

I tried above but it doesn’t work :slightly_smiling_face:

6

you can use this CSS for increase font size of your menu drawer–:

.menu-drawer__menu-item.list-menu__item {
    font-size: 28px;
}