Navigation show hide icons

Question

I'd like to add some icons on the right hand side of links in the nav bar that remain in the menu in mobile view and not be hidden. How would I achieve that please? regards Matt

SemiColonWeb · Accepted Answer

Hello,

You can consider using the Bootstrap Responsive Class for this Purpose. Example:

<i class="icon-home2 visible-xs fright"></i>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

headrush · Answer

Thanks for coming back to me, I don't think I worded it well and I've confused things. Sorry what I mean is I want these icons to have the same behaviour as the shop cart, as in it stays in the main menu across all breakpoints. I don't want these icons that I add to be hidden from the main menu at …

Mike · Answer

I am not sure wether or not I understand the question, but if I do, I am interested as well about that answer :)

You mean to add a facebook icon for instance in the top bar or on the sticky menu in mobile resolutions ?

headrush · Answer

No, these social are included in the existing templates already and are visible across the top bar, but I want them to have the same kind of functionality in terms of being visible across all widths, these icons I want to put in place are more function icons for instance sign, in download, live cha…

headrush · Answer

Any feedback on this please?

SemiColonWeb · Answer

Hello,

Apologies about the Delay! Please consider using this File we have just created for you: https://www.dropbox.com/s/bv00wcyjleiiddf/header-icons.html?dl=1 .

This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.