Navigation show hide icons

6 replies · opened May 20, 2016

HheadrushMay 20, 2016

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

SSemicolon WebSTAFFMay 23, 2016

Hello,

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

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

HheadrushMay 23, 2016

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 all on smaller sizes.

I have attached a visual of the layout I'd like to have.

Can you please let me know if this is relatively easy to achieve. Thank you for all the help and support it is really appreciated.

Regards
Matt

MMikeMay 23, 2016

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 ?

HheadrushMay 23, 2016

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 chat, that I need visible.

HheadrushMay 25, 2016

Any feedback on this please?

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard