The mobile menu is hidden for some reason on my website

Solved
Rsaba16
New Member
2 0 2

I cannot figure out why the mobile menu is hidden and not visible yet I am able to click on it as if it is there. Can someone help me figure out why the menu is not visible in mobile view?

I circled below in red where they menu is hidden but clickable. My website is www.icomfortpets.com 

 

Rsaba16_0-1632360288950.png

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2339 3325

This is an accepted solution.

@Rsaba16 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 640px) {
.header .icon--hamburger-mobile {
    width: 20px;
    height: 16px;
    color: #000 !important;
}

.icon-state[aria-expanded=true] .icon-state__secondary {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    color: #000 !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
10710 2339 3325

This is an accepted solution.

@Rsaba16 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 640px) {
.header .icon--hamburger-mobile {
    width: 20px;
    height: 16px;
    color: #000 !important;
}

.icon-state[aria-expanded=true] .icon-state__secondary {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    color: #000 !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Rsaba16
New Member
2 0 2

Great your code worked! Thanks!

dmwwebartisan
Shopify Partner
10710 2339 3325

@Rsaba16 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →