Mobile Drawer Menu Help

[TBS2023]

Hello

I have managed to hide one menu item from my desktop menu and i would also like to hide it from my drawer menu

how to do this please ( Gift Menu)

on the other hand i would like my logo/ cart icon/ login icon to also appear on the drawer menu. At the moment these items are all hidden by the drawer

I am using the Impulse Theme

www.thebodyshop.ng

sawnao

[Moeed]

Hey @TBS2023 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.header-sticky-wrapper {
    z-index: 40 !important;
}
li.mobile-nav__item.appear-animation.appear-delay-8 {
    display: none !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[PageFly-Richard]

Hi @TBS2023 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.mobile-nav__item:has([href="/pages/gift"]) {
display: none !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[DaisyVo]

Hi @TBS2023 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
li.mobile-nav__item:has(a[href="/pages/gift"]) {
    display: none !important;
}
}

Here is the result: 

However, to add the cart and login icons into the mobile menu drawer, you’ll need to modify the theme code. This requires access to and editing of the theme’s code files.

Unfortunately, we don’t provide support for custom code modifications. I recommend hiring a developer to handle this for you. You can find experienced Shopify developers on platforms like Shopify Experts or freelance marketplaces.

Best,

Daisy

[LizHoang]

Hi 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media screen and (max-width: 768px){
li.mobile-nav__item:has(a[href="/pages/gift"]) {
    display: none !important;
}
}

Best,

Liz