Why isn't my header drawer menu showing on mobile?

Solved

Why isn't my header drawer menu showing on mobile?

Aiham
Excursionist
19 0 6

Hi, 

 

I changed my header wrapper height and content and now on mobile when i click the hamburger icon the menu/drawer is not visible. 

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
9562 1923 1959

This is an accepted solution.

Please add this code at the bottom of your base.css file in Online store > Themes >Edit code > Assets 

.header-wrapper {
overflow: unset !important;
}

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Moeed
Shopify Partner
5426 1468 1753

This is an accepted solution.

Hey @Aiham 

 

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>
.header-wrapper {
    overflow: unset !important;
}
</style>

RESULT:

Moeed_0-1698758333938.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5426 1468 1753

Hey @Aiham 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Aiham
Excursionist
19 0 6

Oh of course, sorry: fjallochfena.se. If password is further needed I will provide it.

 

Dan-From-Ryviu
Shopify Partner
9562 1923 1959

This is an accepted solution.

Please add this code at the bottom of your base.css file in Online store > Themes >Edit code > Assets 

.header-wrapper {
overflow: unset !important;
}

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Moeed
Shopify Partner
5426 1468 1753

This is an accepted solution.

Hey @Aiham 

 

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>
.header-wrapper {
    overflow: unset !important;
}
</style>

RESULT:

Moeed_0-1698758333938.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications