- 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 - 11 years 11 months ago #25720
by whyknott
How can I Customize Sparky Tiny-Nav label text? was created by whyknott
Hello,
I want to customize the Tiny-nav label in Sparky that says "Navigation" to something custom for each instance of the menu on my website. I have two menus on the same page and when you scale down your browser window I see two menus that are labeled "Navigation" and I want the user to be able to distinguish the difference between the two.
Here is my CSS for the Tiny nav:
select.tinynav {
background-color: #000000;
background-image: none;
border: 1px solid #666666;
color: #EEEEEE;
font-family: 'serpentinesansicglight',Arial,sans-serif;
font-size: 1.6em;
height: 52px;
letter-spacing: 1px;
padding: 11px;
width: 160px;
}
Thanks!
I want to customize the Tiny-nav label in Sparky that says "Navigation" to something custom for each instance of the menu on my website. I have two menus on the same page and when you scale down your browser window I see two menus that are labeled "Navigation" and I want the user to be able to distinguish the difference between the two.
Here is my CSS for the Tiny nav:
select.tinynav {
background-color: #000000;
background-image: none;
border: 1px solid #666666;
color: #EEEEEE;
font-family: 'serpentinesansicglight',Arial,sans-serif;
font-size: 1.6em;
height: 52px;
letter-spacing: 1px;
padding: 11px;
width: 160px;
}
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 #25723
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
Use module class suffix in module settings but with firs blank cahar like:
" mymenu1"
" mymenu2"
the use:
.mymenu1 select.tinynav{...
" mymenu1"
" mymenu2"
the use:
.mymenu1 select.tinynav{...
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 #25732
by whyknott
Replied by whyknott on topic How can I Customize Sparky Tiny-Nav label text?
Thanks for that but how does that help me change the word "Navigation" inside the drop down box? Do I need to go to the language file or something? or is their special CSS to accomplish this?
Thanks!
Thanks!
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 #25734
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
Where do you have that word ,check module settings, send link
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 #25739
by whyknott
Replied by whyknott on topic How can I Customize Sparky Tiny-Nav label text?
its the word that starts the select.tinynav menu before you actually click to reveal the rest of the menu items. The Tinynav is the nav menu that all menus in Joomla change/convert into when the responsive functionality is turned on. My website is defaulting to the word "Navigation" for all select.tinynav drop downs/select menus.
Its on localhost. When I get into the office tomorrow I'll send you a video and screen shot if you need it still after reading my description above.
Thanks,
Kenny
Its on localhost. When I get into the office tomorrow I'll send you a video and screen shot if you need it still after reading my description above.
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 #25752
by ivan.milic
Replied by ivan.milic on topic How can I Customize Sparky Tiny-Nav label text?
Open:
templates/sparky_framework/js/responsive_menu.js
line ~14:
header: 'Navigation', //
templates/sparky_framework/js/responsive_menu.js
line ~14:
header: 'Navigation', //
Please Log in to join the conversation.
Time to create page: 0.080 seconds