Mobile Menu not displaying correctly

• #73340

  
  Seltsyrk
  

  On December 11, 2013 at 2:17 am

  Hi I am using your theme (amazing by the way) and thank you, but the menu is not working on a mobile device, everything else is perfect but that. It displays what looks to be a dropdown version of the horizontal menu with ‘contact’ and an arrow pointing down to the far right of the ‘contact’ text, however when tapped it does not proceed to dropdown showing any other pages. I there a way to correct this? Cheers again!

  #73383

  
  Towfiq I.
  

  administrator

  On December 11, 2013 at 6:18 am

  You could display the word “Menu” instead of always displaying the last menu item. to achieve this, open up zenon.js and replace this:

  jQuery("#topmenu ul.menu").tinyNav();

  with this:

  jQuery("#topmenu ul.menu").tinyNav({active: 'selected', header: true});

  If you dont know how to access the zenon.js file, Install this plugin
  http://wordpress.org/plugins/solid-code-theme-editor/
  and Then Go to Appearance> SC Theme Editor and click the “zenon.js” link from right to edit it.

  #82802

  
  John
  

  On January 9, 2014 at 2:45 pm

  Hi Towfiq,

  I have noticed this too, the mobile menu always adds the selected tag to the last menu item. I could use the above fix to always show the word “menu” though a good alternative would be to always show the name of the current menu item depending on which part of the site the use was on.

  Can you think of a way to have the current menu item selected?

  Thanks
  John

  #82811

  
  John
  

  On January 9, 2014 at 2:55 pm

  Sorry but the fix didn’t work for me. My theme is actually Zenon (sorry for posting in the wrong forum) but the fix should still be valid. I changed the line above and the mobile menu still defaults to “Testamonials” on the mobile version.

  http://www.dynamosuk.com

  Thanks

  #82816

  
  Towfiq I.
  

  administrator

  On January 9, 2014 at 3:06 pm

  please clear your browser cache to see the change. I just checked your site and I am seeing the change.

  #83094

  
  John
  

  On January 10, 2014 at 8:36 am

  Yes! Working now thank you. How can I buy you a coffee?

  #83096

  
  Towfiq I.
  

  administrator

  On January 10, 2014 at 8:39 am

  its ok. I already drank coffee knowing the issue was fixed 😉

  #100543

  
  Sofie Olofsson
  

  On March 4, 2014 at 3:54 pm

  Hi,

  I just did the instructions above. My menu in is showing the word: Navigation. Is there a way to change this? The name of the menu is “Meny”.

  Thanks!

  #100800

  
  Towfiq I.
  

  administrator

  On March 5, 2014 at 10:22 am

  replace this:

  jQuery("#topmenu ul.menu").tinyNav({active: 'selected', header: true});

  with this:

  jQuery("#topmenu ul.menu").tinyNav({active: 'selected', header: 'Meny'});

  #100850

  
  Sofie Olofsson
  

  On March 5, 2014 at 12:41 pm

  Hm, still showing ‘Navigation’ 🙁

  #101311

  
  Towfiq I.
  

  administrator

  On March 6, 2014 at 5:15 pm

  @Sofie whats your site address?

  #101699

  
  Sofie Olofsson
  

  subscriber

  On March 7, 2014 at 1:33 pm

  http://www.opcommunication.se

  #101751

  
  Christina
  

  On March 7, 2014 at 4:35 pm

  Using Zenon Pro on a clients website – menu does not show up on any mobile device.
  Please advise.
  Thank you.

  #102213

  
  Towfiq I.
  

  administrator

  On March 8, 2014 at 5:41 pm

  @sofie I am not seeing that line of code in your zenon.js file:
  http://www.opcommunication.se/wp-content/themes/zenon/zenon.js?ver=3.8.1

  
  @Christina Please setup your Menu from Appearance> Menus to display the mobile menu.

  #103139

  
  Christina
  

  On March 10, 2014 at 8:30 pm

  The menu is setup, however there seems to be no wording about mobile menus in this section. Here are some screen grabs of what my options look like in the dashboard. What am I missing here? Thank you.

  #103659

  
  Towfiq I.
  

  administrator

  On March 11, 2014 at 7:34 pm

  there shouldn’t be any. the mobile menu automatically shows up when you setup the menu Whats your site address?

  #104298

  
  Christina
  

  On March 12, 2014 at 4:53 pm

  moriahbrandons.com

  #104656

  
  Towfiq I.
  

  administrator

  On March 13, 2014 at 6:43 am

  hmm…. Add this to the very bottom of your mobile.css:

  .tinynav, .tinynav1 {
  display: block!important;
  margin: 20px auto 0px auto;
  width: 90%;
  padding: 3px 0;
  }

  #106998

  
  Christina
  

  On March 16, 2014 at 11:03 pm

  Thank you Towfiq – that worked. It made it a drop down menu which is perfect! Thank you very much for your help. Your support in this forum is extraordinary. Thanks again.

  #111396

  
  Sofie Olofsson
  

  On March 27, 2014 at 10:20 am

  Hi!

  I once again put the code:jQuery(“#topmenu ul.menu”).tinyNav({active: ‘selected’, header: ‘Meny’}); in zenon.js. It’s not working. I’m sure the code is there.. What do I do wrong?

  #111645

  
  Towfiq I.
  

  administrator

  On March 27, 2014 at 10:07 pm

  Open up other.js file and replace this:

  .text("Navigation")

  with this:

  .text("Meny")

  #111822

  
  Sofie Olofsson
  

  subscriber

  On March 28, 2014 at 8:41 am

  Thanks, now it works 🙂

  #159999

  
  Julia
  

  On June 10, 2014 at 3:28 pm

  Hi Towfiq. We continue to enjoy the Zenon Pro template for our site confidentrunner.com. For some reason the contact page does not appear when “contact” is selected on a mobile device (iPad and desktop are fine). And, contact seems to be the default page, even after another page is selected. What should I do to ensure the contact page is accessible?

  #160397

  
  Towfiq I.
  

  administrator

  On June 11, 2014 at 6:59 am

  Julia see my first reply of this thread.

  #160809

  
  Julia
  

  On June 12, 2014 at 1:41 am

  The jQuery change was made, the browser cleared, but the menu drop down has not changed. The menu defaults to “Contact” but there is no contact page. I would like to do what John requested; what did you recommend for him?