How to display a specific widget on desktop & mobile views ?

[Raj Rayala1]

I have Knowledge portal which we are developing for our client. I want to expose one widget for desktop & mobile views. I could see the widget when I am looking thru desktop view. However I can't see that widget while looking thru mobile view. Is there any configurations on Page level/Widget level to set the display ?

Out of box page : kb_search

Widget - Knowledge Field Facet

Thanks,
Raj

[Sagar Agarwal]

Hi,

You can do this using bootstrap classes "hidden-xs" & "visible-xs".

you can add these classes either on widget instance level or column or row or container level.

To display a widget on desktop view and hide it for mobile view, add class "hidden-xs"

To display a widget on mobile and hide it on desktop, add class "visible-xs".

Thanks.