RokCandy macro does not allow html in menu title
-
-
- mumojem
- Rocketeer
- Posts: 71
- Thanks: 0
-
cdavis411 wrote:
this is done using a font awesome icon class in the "Dropdown Menu Options" tab of the menu item's paramters. In the "Menu Icon" input box
Thanks, I tried that and it was my other option - problem is I need different icons than Fontawesome and Stratos menu demo icons - so I think I'll have to change Stratos menu icons. - Last Edit: 9 years 11 months ago by mumojem.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
mumojem wrote:
cdavis411 wrote:this is done using a font awesome icon class in the "Dropdown Menu Options" tab of the menu item's paramters. In the "Menu Icon" input box
Thanks, I tried that and it was my other option - problem is I need different icons than Fontawesome and Stratos menu demo icons - so I think I'll have to change Stratos menu icons.
Again, RokCandy can do this for you.
-
-
-
- mumojem
- Rocketeer
- Posts: 71
- Thanks: 0
-
cdavis411 wrote:
also as far as using a class like the hidden-tablet or any class for that matter you can just add it to the "Dropdown Menu Options" tab in the "Custom Class" input box as I have now done for the example on your site's menu.
Thanks, this works, but hides the whole menu items (in tablet view) and I want to hide only the title text (and show an icon in tablet view).
-
-
-
- mumojem
- Rocketeer
- Posts: 71
- Thanks: 0
-
DanG wrote:
Again, RokCandy can do this for you.
Yes, thanks Dan, I want to stick to RokCandy for this.
For hardcoding - Menu titles are all there in the Menu Manager already set (in cyrillic). I need to use class="hidden-tablet" so they show up only in dektop view, but show icons in tablet view.
It's a bit like the Stratos demo, but not absoletely the same. In the demo there's icons which is handy for tablets, but you need to hover to see text. This is OK with me, but with all my test users I found they got consufed as they don't see the text on the menu unless they hover (well maybe they are just lazy I don't know
- Last Edit: 9 years 11 months ago by mumojem.
-
-
-
- mumojem
- Rocketeer
- Posts: 71
- Thanks: 0
-
DanG wrote:
Reply with the menu title you want and I'll show you how to use hardcoding as a workaround.Please show me how to code it - for all menu items except Home in my Main Menu BG (and if later this gets fixed I'd love to know which files to edit, or maybe you'll release new template version)
- Last Edit: 9 years 11 months ago by mumojem.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
mumojem wrote:
DanG wrote:Reply with the menu title you want and I'll show you how to use hardcoding as a workaround.Please show me how to code it - for all menu items except Home in my Main Menu BG (and if later this gets fixed I'd love to know which files to edit, or maybe you'll release new template version)
No problem:
I need the current titles and it's matching partner.
We have to hard code this particular macro code until an update is released for RokCandy.
-
-
-
- mumojem
- Rocketeer
- Posts: 71
- Thanks: 0
-
Thanks, not sure what you mean by matching partner, but here menu item titles:
Електромобили (Alias: elektromobili; menu id: 148)
Зареждане (Alias: zarezhdane; menu id: 169)
Справочник (Alias: spravochnik; menu id: 164)
Новини от eCars.bg (External URL; menu id: 170)
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
mumojem wrote:
Thanks, not sure what you mean by matching partner, but here menu item titles:
Sorry RokCandy won't work because of the structure of the title there is no proper spot to inject the HTML of the macro.
However this will work. In your menu items set each one with the "Menu Icon" you want to use. Then in your rt_templateName-custom.css file add this:
/** Large Mode **/ @media only screen and (min-width: 1200px) { .gf-menu.l1 > li > .item.icon [class^="icon-"], .gf-menu.l1 > li > .item.icon [class*=" icon-"] { display: none; } .gf-menu.l1 > li > .item.icon .menu-text { display: block; font-size: .9em; } } /** Tablet Modes **/ @media only screen and (min-width: 768px) and (max-width: 1199px) { .gf-menu.l1 > li > .item.icon [class^="icon-"], .gf-menu.l1 > li > .item.icon [class*=" icon-"] { display: block; } .gf-menu.l1 > li > .item.icon .menu-text { display: none; } } -
The following users have thanked you: mumojem
-
-
-
- Andi Morton
- Newbie
- Posts: 12
- Thanks: 0
- Sorry to hijack, but has the RokCandy issue been fixed because I'm having a problem with the Acacia template. Works on an old version of Acacia 1.3 on a different site, but not on the current one I have (1.7).
-
Time to create page: 0.046 seconds