Docs

[Rue Nel]

Hello There,

Thanks for updating in!

1] Please edit your menu and hover on the icon itself. You will see an X and you can click this X to remove the icon.

2] Please edit back again your menu and make sure that there is a label in your menu item. Please see this: http://prntscr.com/cak3av

Hope this helps.

[shamrockoz]

Ok,

Better.

1) Remove icon
a) (Mobile view) “About” – how do I remove the visible icon? No X on hover, same for Blog. Contact US – icon removed but Label is indented

*** Solved ***

a) Remove affected menu structures from Primary Menu (About, Blog, Contact) – they now are missing from Superfly
b) Add them back to the Primary Menu

Menu structures now do not have icons associated with them

2) Amazon – Now working.
Strangely no change when I added Nav label within SuperFly, yet worked when I added what you suggested within the WordPress menu.

Thank you for your help.

[shamrockoz]

2) Not quite working.

Adding “Amazon” label within Superfly does not work – not visible
Adding “Amazon” label within WordPress menu does work for Superfly – but Label is now visible on Desktop menu which is not what I want.

So, still an issue.

[Rue Nel]

Hello There,

Please keep in mind that you have two separate menu. One is for the one page navigation and the second one is the primary. You have to make sure that you add the menu item label. Superfly will remove the <i> tags on mobile and will not display anything if it doesn’t have any text at all.

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[shamrockoz]

Rue,

Understand.

So here is the problem. The Amazon button is showing in the Desktop Menu – but does not show in Superfly.

1st image shows the result within Superfly Menu, i.e. no Amazon menu.
2nd image shows the requested setup..

As explained above, if I add nav label within WordPress Menu setting for the Menu Item – all ok. This means I will have the label showing within Desktop Menu – not desirable – but this will show within Superfly.

Does this make sense? Perhaps, take a look at website on Mobile vs Desktop?

As requested, even though I have 2 menus – I have only one applied within Superfly – Primary menu

[Rue Nel]

Hello There,

To save your from trouble, I edited your menu and added a nifty code to hide the menu label. I used this JS code:

(function($){
  $('header .x-navbar .desktop .x-nav>li.menu-item-346>a>span').html('<i class="x-icon x-icon-amazon" data-x-icon="">');
})(jQuery);

I also used this custom css;

#sfm-sidebar .sfm-menu .sfm-menu-item-346 i.la_icon{
    display: none;
}

This should resolve the issue. Please let us know how it goes.

[shamrockoz]

Dear me!!!

And now it is working!!

No label in Desktop and Label in Superfly … Maybe caching in iPhone?

If I need further help I will contact you.

Thank you for your help

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts