- Posts: 72
- Thank you received: 1
How can I Customize Sparky Tiny-Nav label text?
-
whyknott
Inactive member - Topic Author
- Member
Less
More
11 years 11 months ago #25766
by whyknott
Replied by whyknott on topic How can I Customize Sparky Tiny-Nav label text?
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
"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.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #25781
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
Try this:
change to:
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()
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
Less
More
- Posts: 72
- Thank you received: 1
11 years 11 months ago - 11 years 11 months ago #26419
by whyknott
Replied by whyknott on topic How can I Customize Sparky Tiny-Nav label text?
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!
Is there any way to remove those page titles "on page load" without it affecting other areas of the site and Joomla core?
Thanks!
Last edit: 11 years 11 months ago by whyknott.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 11 months ago #26433
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
At bottom of responsive_menu.js add this:
jQuery(document).ready(function(){
menutransform();
});
jQuery(document).ready(function(){
menutransform();
});
Please Log in to join the conversation.
-
whyknott
Inactive member - Topic Author
- Member
Less
More
- Posts: 72
- Thank you received: 1
11 years 10 months ago #26477
by whyknott
Replied by whyknott on topic How can I Customize Sparky Tiny-Nav label text?
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
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.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 10 months ago #26479
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
Try adding this to bottom of template_css.css:
.mp_topmenu h3{
display:none;
}
.mp_topmenu h3{
display:none;
}
Please Log in to join the conversation.
Time to create page: 0.091 seconds