Where do I edit the Mobile Menus options

Hey Guys,

Ok maybe I’m blind but I can’t see where I can edit whats in the Mobile Menues when someone is on a smartphone.

1. I want to take out the social sharing line
2. I want the menu to only go over about 2/3 of the screen if possible when it expands
3. Where do I control the menu options?
4. I want to put a smaller menu in there with links to our terms, about and those legal pages.

Here is a screenshot:

http://screencast.com/t/bkxjjZUcvX3

I have most other things figured out but am stuck…. Can you point me to the right documentation or menus to adjust?

Thanks,

Joel

• This topic was modified 10 years by joelpeterson.

HI

1. Try this css in theme panel > custom code > custom css to hide social icons from mobile menu: http://screencast.com/t/rd8nCpK0fM

.td-menu-socials {
display: none;
}

2. The current menu was designed to go over the entire screen and to change this are required some changes in menu’s structure. This is a complex task which involve lots of customizations and unfortunately I can’t provide a solution for the moment. If you really need this and you’re not aware of the steps you need to take in this regard my advice is to k=look for someone who can help you with implementation or hire a freelancer to do it for you as we can’t offer custom work at the moment.

3. The colors for mobile min can be changed from theme panel > theme colors: http://screencast.com/t/CmZfdVcrPB

4. You can make a add a new menu for mobile only editing theme’s code as follows:
– edit td_menu.php and add this line of code here: http://screencast.com/t/Rf59isOchm
'custom-menu' => 'Custom menu for mobiles'
– edit menu-mobile.php and add thei code here: http://screencast.com/t/ybU3TZ4yLhvu
wp_nav_menu(array(
'theme_location' => 'custom-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '',
'walker' => new td_walker_mobile_menu()
));
– go to Appearance > Menu and create a new menu, then assign it this location: http://screencast.com/t/8FQyVVnec3i The result should be like here: http://screencast.com/t/DqZniIQXAc

Hope this helps.
Thanks!

Perfect! You guys are awesome!

Hi Andrei,
This is helpful. Is there a way to add some of the items from the top bar nav menu in the custom mobile menu? I don’t need to change the structure. I just want to make sure I can get some of the top nav items in the mobile menu.

Thank you very much.

Hi Andrei,
I think I figured it out. I’ll get back to you if I get stuck on anything. Cheers

Edit: It worked great! I would suggest including this in your updated documentation. Very helpful 🙂

• This reply was modified 9 years by MESOTU.

Hi

Glad you have managed to found a solution.
Thanks for letting us know and for your suggestion, we will consider it for future updates!

Hi Guys,
I’ve successfully used the customisations you’ve provided above for a custom mobile menu. However, after updating to 7.7.1 it no longer works.

I have checked both menu-mobile.php and td_menu.php to see if there were any coding differences, but they seem the same as in previous versions of Newspaper.

Can you let me know if there are any other files which might now be interfering in this code working correctly? To be clear, I already updated both menu-mobile.php and td_menu.php to the modified code and added it to 7.7.1 before I uploaded it to my site.

Would welcome any input you might have. Thanks in advance 🙂

Hi Catalin,
Thanks for your response. I’m able to do my own custom coding but would just need to know from you which files and code I would need to modify. Clearly there are more files in play now than just the menu-mobile.php and td_menu.php. Would welcome any info you can provide.

The mobile theme doesn’t really help me since I’m not just displaying articles on the front page.

According to your theme information:
“Homepage – the “Mobile Theme” comes with a single predefined page template that includes two section:
top grid – displays 3 featured posts (posts included in the Featured category)
latest articles – displays the latest articles

If you want to display the same elements on both mobile and desktop, don’t use the mobile theme, the main theme is already capable of this with it’s responsive design for mobiles.”

The latter is what I’m currently doing, so unfortunately the mobile would not meet my needs.

Cheers 🙂

• This reply was modified 9 years by MESOTU.

Hi Catalin,
Most appreciated. It actually looks pretty easy and is similar to what I did on my old coding, but for some reason it’s breaking the theme. Here are screen shots of the coding I did:

menu-mobile.php – http://www.screencast.com/t/UB4W9lUgl11k
td_menu.php – http://www.screencast.com/t/9Wn8b6yB

I thought it looked the same as your examples, but perhaps I’m missing something obvious in plain view 🙂 Are there any other changes I need to make that perhaps I’m overlooking?

Would welcome any suggestions.

Cheers 🙂

Hi Catalin,
Thanks. Not sure what the difference was but these files worked! Big fan of your work!

Cheers 🙂

I followed your above guide:

– edit td_menu.php
'custom-menu' => 'Custom menu for mobiles'
– edit menu-mobile.php
wp_nav_menu(array(
'theme_location' => 'custom-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '',
'walker' => new td_walker_mobile_menu()
));

and all is working perfectly for the mobile menu.

But now my desktop main menu has lost its styles.

Hi Catalin,

Yes, I am using a child theme and have imported/copied the respective files & folders from the main theme to the child.

I totally understand that you do not support these kinds of detailed adjustments.

Only one more question:
Are there other files I should also copy to the child theme? may that be the problem? Or is it simply a matter of finding the proper CSS rules in my custom CSS?

I appreciate your help – your support has always been great!

Are you sure that I have to overwrite anything in the child theme? I was using based on Newspaper V7.6 and have updated to V7.8.

I do not see any changes – correct?

How is the situation of this subject after this hole and a half year? It’s still not possible to edit these files in child theme?

If not, can you suggest another solution? I don’t want to lose the changes when I update the theme, and I need this mobile menu feature.

Thanks!

Hello Catalin. I did this two changes:

– https://www.screencast.com/t/sTbFYXUCbtm7
– https://www.screencast.com/t/QjYkL3EdnQE

in my child theme and it works perfect!

Now I have a specific main menu for mobile and another for desktop. In mobile it looks awesome but I lost the style in main menu for desktop.

Can you help me to fix it? Thanks very much

I think the previous solution is incomplete, maybe because it was from march 2017, and just need a third change to keep the style in menu for desktop.