Dawn Theme Mobile Menu

Solved

Dawn Theme Mobile Menu

donyaherova
Visitor
1 0 1

I have an issue with the drawer menu not being visible on mobile. I am using mega-menu for desktop but would like drawer for mobile. Drawer is not visible on desktop either. 

 

Here is my Store URL: https://uzn6xj-vu.myshopify.com/

 

Please help i'm going a bit crazy here haha

Accepted Solution (1)

oscprofessional
Shopify Partner
16343 2438 3179

This is an accepted solution.

Hi @donyaherova ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file.

 

summary.header__icon, .header__icon .icon {
    display: block !important;
}

oscprofessional_0-1738826596640.png

 

 

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

Replies 5 (5)

oscprofessional
Shopify Partner
16343 2438 3179

This is an accepted solution.

Hi @donyaherova ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file.

 

summary.header__icon, .header__icon .icon {
    display: block !important;
}

oscprofessional_0-1738826596640.png

 

 

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

Dan-From-Ryviu
Shopify Partner
11360 2226 2399

Hi @donyaherova 

Please open base.css file, find and remove this line of code 'display: none;' 

Screenshot 2025-02-06 at 14.32.36.png

 

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

Moeed
Shopify Partner
7097 1905 2335

Hey @donyaherova 

 

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__icon, .header__icon--cart .icon {
    display: block !important;
}
</style>

RESULT

Moeed_0-1738827414167.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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


LizHoang
Shopify Partner
1251 158 196

Hi Donyaherova

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

 

summary.header__icon, .header__icon .icon {
    display: block !important;
}

 

Result: 

LizHoang_0-1738828643752.png

 

Best,
LizLiz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

DaisyVo
Shopify Partner
4334 480 565

Hi @donyaherova 

I found this code that makes the icon disappear.

Find it and delete it
it's in the base.css file

DaisyVo_0-1738830724862.png

 

And check again here to see if you have selected Cart type as Drawer.

DaisyVo_1-1738830793413.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution