Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Socialize module classes for different devices

2 years 9 months ago
Licenses:
JomSocial Active Socialize Expired

Hi there,

I am using Socialize Template v2.
I am trying to figure out to use the module classes for showing specific modules on some devices, and hide them on others, as described here: socialize.jomsocial.com/typography/misc

The way I do it:
1. I copy a class from the socialize.jomsocial.com/typography/misc , e.g. .hidden-xs
2. I go to my back end
3. Go to modules
4. Go to the specific module I need the class to function on
5. Go to Advanced
6. Paste the class into Module Class Suffix
7. Update front end page and expect the module to be hidden on small screen devices e.g. my Iphone SE (1136 x 640)

Thank You for your time trying to help me!

2 years 9 months ago
Licenses:

Hi, Mads.

Thank you for contacting us.
Do you add an initial space before class? E.g if you want to sue class "hidden-xs" you need to paste " hidden-xs".
With initial space and without any dot.


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: Mads Andersen
2 years 9 months ago
Licenses:
JomSocial Active Socialize Expired

I wasn't aware of the inherit space, but now I tried that as well in multiple ways, with cache and other optimization turned off, but still can't get any reaction to the different classes.
Could you please help me?
I am trying to
1. Show one "JS Groups" in module position "js_side_frontpage_top" for tablets and screen resolutions above, but hide from phones.
2. Show another "JS Groups" module in top-1 for phones only.

2 years 9 months ago
Licenses:

HI, Mads.

Hmmm, there is much easier way :)
Leave all those classes ;)
Try to use this great extension: www.regularlabs.com/extensions/advancedmodulemanager
Free version will be enough. It allows you to have more control over modules. Event to set on what devices they are displayed ;)
Indeed Peter van Westen did great job ;)


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: Mads Andersen
2 years 9 months ago
Licenses:
JomSocial Active Socialize Expired

This look amazing - I will give it a try!
Have a nice day!

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW