How can I Customize Sparky Tiny-Nav label text?

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago - 11 years 11 months ago #25720 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!
Last edit: 11 years 11 months ago by whyknott.

Please Log in to join the conversation.

More
11 years 11 months ago #25723 by ivan.milic
Use module class suffix in module settings but with firs blank cahar like:

" mymenu1"
" mymenu2"

the use:

.mymenu1 select.tinynav{...

Please Log in to join the conversation.

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago #25732 by whyknott
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!

Please Log in to join the conversation.

More
11 years 11 months ago #25734 by ivan.milic
Where do you have that word ,check module settings, send link

Please Log in to join the conversation.

  • whyknott
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 11 months ago #25739 by whyknott
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

Please Log in to join the conversation.

More
11 years 11 months ago #25752 by ivan.milic
Open:

templates/sparky_framework/js/responsive_menu.js

line ~14:

header: 'Navigation', //

Please Log in to join the conversation.

Time to create page: 0.171 seconds
Powered by Kunena Forum