Joomla Templates Club 406,261 posts

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947535

I follow this post to add classes hidden-phone to my module, but this is not working.
https://www.joomlart.com/forums/topic/hide-module-in-mobile/

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947542

Hi
In BS3 templates Use the below suffix

1. hidden-lg For Large
2. hidden-xs for extra small
3. hidden-sm For small
4. hidden-md For medium size .

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947584

not working
http://screencast.com/t/ZabiqMjKtL5z

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947588

Hi
Kindly add a single space before the module suffix .
Save and check > http://prntscr.com/bpu7hp

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947645

still not working
http://screencast.com/t/DVIGLaXOGX

can you test in your site?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947649

Hi
Kindly post your working site url and a screenshot with illustration of module on which you applied the module suffix .

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947668

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947670

Hi
its not issue of the suffix , because the module does not showing /loading the module suffix the module are visible in small views .
http://prntscr.com/bpvd6t
You can check the module with default Joomla template and see if its load the suffix with them, check suffix via inspect element like in screenshot . If it does not load , kindly contact to extension support team about its working issue and let me know if there is any changes needed in template for the same .
I will check it further .

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947685

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947859

Hi its because of the custom code added by you in custom.css file
to add a fix height for Divs
Here : http://prntscr.com/bq74lc
Remove the code and check .

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947872

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947874

Hi
You need to use this

@media (max-width: 768px) { .acm-spotlight.acm-spotlight-957 .col-xs-12.col-sm-6.col-md-3.col-lg-3 { min-height: auto; } }

Use media query as max width and min width

http://getbootstrap.com/css/#grid-media-queries

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#947881

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#947886

Hi
Also add this code

@media (min-width:768px) and (max-width: 992px) { .acm-spotlight.acm-spotlight-957 .col-xs-12.col-sm-6.col-md-3.col-lg-3 { min-height: 510px; } }

You can create different style code with media query i tested this on your site It will solve the problem.

[Author]

Posts