How can I Customize Sparky Tiny-Nav label text?

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago #25766 by whyknott
Thanks! Now that you've helped me locate the code in the responsive_menu.js can you tell me how to customize the code to specify multiple instances with different names for example:

"Navigation" for a top menu
"Choose Products" for a menu further down on the same page
"Footer Nav" for a nav in the footer

etc etc for all the different menus on the same page or even different pages.

Not really sure how to do this in the .js file or even where to begin?????

Thanks,
Kenny

Please Log in to join the conversation.

More
11 years 11 months ago #25781 by ivan.milic
Try this:
Code:
jQuery("ul.nav").tinyNav({ active: 'current', // String: Set the "active" class header: 'Navigation', // String: Specify text for "header" and show header instead of the active item });

change to:

Code:
jQuery("ul.nav").each(function(i){ var title = jQuery(this).parent().find('> h3').html(); jQuery(this).parent().find('> h3').hide(); jQuery(this).tinyNav({ active: 'current', header: title }); });


also set module title to show and use it to define tile. It will be hidden form code as you can see.
If that does not work also try to put .parent().parent() instead of just one .parent()

Please Log in to join the conversation.

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago - 11 years 11 months ago #26419 by whyknott
Hello, thanks for the solution! :) It solved my problem 95%, however, now "on page load" it shows the title of the menus. When I scale the page smaller and then enlarge it again the page looks good but on initial page load the titles of the menus show up. See screen shot, In the screen shot I had to highlight the title because my h3's are black in color.

Is there any way to remove those page titles "on page load" without it affecting other areas of the site and Joomla core?

Thanks!
Attachments:
Last edit: 11 years 11 months ago by whyknott.

Please Log in to join the conversation.

More
11 years 11 months ago #26433 by ivan.milic
At bottom of responsive_menu.js add this:

jQuery(document).ready(function(){
menutransform();
});

Please Log in to join the conversation.

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 10 months ago #26477 by whyknott
Hi Ivan,

I added the code to the bottom of the responsive_menu.js file exactly as you have it and the menu titles are still showing up on page load. Once I drag the browser window smaller the menu titles disappear but they are still showing up on initial page load.

Thanks for your help,
Kenny

Please Log in to join the conversation.

More
11 years 10 months ago #26479 by ivan.milic
Try adding this to bottom of template_css.css:

.mp_topmenu h3{
display:none;
}

Please Log in to join the conversation.

Time to create page: 0.091 seconds
Powered by Kunena Forum