Joomla Templates Club 406,261 posts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#549165

@franzonal and @grafov: You can apply my solution below:

+ If you wish to create the module work only with mobile layout, you have to create the module and add Module Class Suffix: hidden-md hidden-lg visible-xs visible-sm like as my screenshot

+ If you wish to create the module work only desktop layout, you have to create the module add Module Class Suffix: hidden-xs hidden-sm visible-md visible-lg like as my screenshot

Let me know if it helps

---

Attachments:

1. 
2. 

2 users say Thank You to Ninja Lead for this useful post

1. franzonal
2. pavit

[franzonal Friend franzonalJoin date: May 2014Posts: 13Downloads:0Uploads:0 Thanks: 3]

#549186

Thank you very much for your reply!

This worked like a charm for me:
hidden-md hidden-lg visible-xs hidden-sm

In that case the module is only visible on the smallest screen resolution (phones). And that was exactly what I was after. Once again, thanks again for great help!

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#559498

<em>@Ninja Lead 445322 wrote:</em><blockquote>@franzonal and @grafov: You can apply my solution below:

+ If you wish to create the module work only with mobile layout, you have to create the module and add Module Class Suffix: hidden-md hidden-lg visible-xs visible-sm like as my screenshot

+ If you wish to create the module work only desktop layout, you have to create the module add Module Class Suffix: hidden-xs hidden-sm visible-md visible-lg like as my screenshot

Let me know if it helps</blockquote>

I tried this and it works for desktop and mobile versions BUT it dosnt work for tablet layouts. See here http://thewhitehawk.co.uk/videography

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#559579

<em>@gavner 458696 wrote:</em><blockquote>I tried this and it works for desktop and mobile versions BUT it dosnt work for tablet layouts. See here http://thewhitehawk.co.uk/videography</blockquote>

With the css style here will work for tablet layouts

<blockquote>
hidden-xs hidden-sm visible-md hidden-lg
</blockquote>

[Author]

Posts