How to disable footer menu in Twenty Sixteen?

I have tried a few plugins and have installed a child theme in which I tried to add some code to disable the footer menu for mobile but to no avail.

Can anyone help?

Go Appearance -> Widget
Content Bottom 1 and Content Bottom 2 Remove menu from widget.

Thanks for your answer Ravi but there are no widgets in those areas.

My problem is this menu comes up at the bottom on mobile only.

I haven’t used this technique myself yet but it may work in your situation:

@media only screen and (max-device-width: 480px) {
 ul#menu-categories-1  {
   display:none;
  }
}

You can change the max-device-width to whatever you want of course.

Let us know how it works.

Thanks Megunticook for your reply! I just wanted to ask if I’m to put that size to disable it? So if I put max size to the dimensions of the largest mobile device (say, a Galaxy Note) will that disable for all mobile devices?

Just tested on an iPad and Android phone and it works! Thanks so much for your help.

Just marking this as solved.

Excellent–glad I could be of help. Who knows, maybe someday I’ll put that solution to use!

Hi,

I enter above code in the style.css with no effect.
Can you tell me exactly where to put the above code.
Appriciate that! ??

Sincerly
Artur

Hi, I just updated to twentysixteen and this was the first time to setup a child theme and adding custom css. I added some code to updated the header font size & color and after I did that I bet a large / between my site title and powered by wordpress in the footer. I would like to just correct that or not have a footer. My site is smallenginerepairservices.com
I would appreciate any help because I am a novice and this is the last thing to finish my site after it crashed 3 weeks ago when 4.7 was pushed to me accidentally so I was told.
Thanks,
Larry Harrison

PS I am a novice and I can edit and add css code to my style.css file