Remove mobile hamburger menu

AnjaBasaric

Hi,

Is it possible to remove mobile menu (hamburger menu) from my menu bar and leave only Menu overlay? Only for mobile version.

So I would like to have a normal menu (not menu overlay) on my desktop version, but on my mobile I would like to have ONLY menu overlay. I tried with :

 @media only screen and (max-device-width: 1024px) {
  #mobile-menu-opener {
         display: none;
  }
  }

I even tried with

@media only screen and (max-device-width: 1024px) {
  .icon-menu.tool {
         display: none;
  }
  }

But I can't get my hamburger menu to stop displaying, and only menu overlay to be displayed.

Picture attached below with explanation.

https://drive.google.com/file/d/0Bx9eVs4voBGkajBleFk1OElGYUU/view?usp=sharing

My website is anjabasaric.com

Thanks,
Anja

Air

Hello:-)

AnjaBasaric said: I tried with :

 @media only screen and (max-device-width: 1024px) {
  #mobile-menu-opener {
         display: none;
  }
  }

This should work fine. I don't see this code added to your site.

Please add it again in custom CSS, and if it will not work I will help you investigate why it doesn't work.

With kind regards.

AnjaBasaric

Hi,

Thanks for your reply.

I've added the code and cleared the cache. Still no change.

Thanks,
Anja

Air

OK, You are right you need stronger selector.

Use #header-tools #mobile-menu-opener
instead of only #mobile-menu-opener .

With kind regards.

AnjaBasaric

Great, this worked!

It's still showing two hamburger menus when I go through customise (and select mobile preview) but when I go to my actual phone and test it there it's working fine. I suppose it's just a customiser caching problem which is fine. I don't mind about that.

Thanks so much.

Regards,
Anja

Air

AnjaBasaric said: I suppose it's just a customiser caching problem which is fine. I don't mind about that.

Yes it might be something like this. As long you remember this you will be fine ;-)

I am glad it worked for you :-)

With kind regards.