Removing menu symbol from mobile view.

Solved
Tourist
34 0 2

Hi, guys!

how can I remove the menu symbol on the mobile view? 

6B92BD3A-7836-46D1-8C29-3F7F8602480B.jpeg

0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

@media only screen and (max-width: 749px){
button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--open {
    display: none;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
New Member
2 0 0

I found a few threads with suggestions that did not work for me. This worked like magic!

 

Thanks a lot.

0 Likes
New Member
2 0 0

Here is another alternative. If one is not using a menu at all, you can go to Custom > Header > Menu > Remove

This will remove the menu all together and it won't show in either Desktop or Mobile version of your store.

 

Screen Shot 2020-12-03 at 12.53.55 AM.png

0 Likes
New Member
1 0 1

MAN I DON T KNOW HOW TO THANK YOU. I MAY LOOK TOXIC, BUT I AM SO HAPPY, BECAUSE AFTER 2 HOURS OF TRYING TO REMOVE THAT ICON I FOUND YOUR POST. GOD BLESS YOU AND YOUR FAIMILY