Set specific module to show only on selected scree

More
5 years 9 months ago #5444 by coryel
coryel created the topic: Set specific module to show only on selected scree
Hello!
I need a quick help on how I can set some modules to show only on selected device. Lets suppose that I have two module A and B. I need to set so that A will be displayed only on wide screen/or computer and B will be displayed on in the responsive mode /or on smartphones and tablets.
I remember I've read something about how to do, but I can't find the page back.
Could you please help me?
Thank you in advance.

Please Log in or Create an account to join the conversation.

More
5 years 9 months ago #5448 by artur
artur replied the topic: Set specific module to show only on selected scree
Hello,
In Joomla 3.x you can use bootstrap classes.

visible-phone - visible for 767px screens and below
visible-tablet - visible for 979px to 768pox screens
visible-desktop - visible for 980px screens and up
hidden-phone - hidden for 767px screens and below
hidden-tablet - hidden for 979px to 768pox screens
hidden-desktop - hidden for 980px screens and up

More details in article - www.joomla-monster.com/knowledge-base-ar...ng-content-by-device

Best Regards.

Please Log in or Create an account to join the conversation.

More
5 years 9 months ago #5450 by coryel
coryel replied the topic: Set specific module to show only on selected scree
Thank you for your quick reply, but I am still having some issues.
Actually, I want the DJ Mega Menu to be visible only on Desktop and the Dj classified search module to me visible only on Tablets and Phone. I tried each of the following module suffix without any success:

For DJ classified search module: hide-desktop; .hide-desktop ; _hide-desktop ; hidden-desktop ; .hidden-desktop ; _hidden-desktop

For the Dj Mega menu : visible-desktop ; .visible-desktop ; _visible-desktop; visible-desktop (with a space before the suffix class).

Maybe I am doing this wrong. Could you please help me with this?
Attachments:

Please Log in or Create an account to join the conversation.

More
5 years 9 months ago #5452 by artur
artur replied the topic: Set specific module to show only on selected scree
Hello,
You should add suffix 'visible-desktop' to DJ Megamenu module and 'hidden-desktop' to DJClassifieds Search module. Then reload page and just change browser width, modules should be visible/hidden.
If still not working, please send site URL and administration details in ticket - joomla-monster.com/contact/

Best Regards.

Please Log in or Create an account to join the conversation.

Time to create page: 0.185 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.