0

I am designing website with Joomla.
Now I want to hide a module on mobile view only.

How can I do this?

  • 1
    Please share some more information. What framework is your template using? Are you using Bootstrap? If so, what version? – Rene Korss Apr 18 '15 at 7:02
  • I am using t3-framework. – rohan r Apr 18 '15 at 11:02
3

If you are using Bootstrap Template, and there is an option for Module Class Suffix in Module, then you can add class

<space>hidden-phone for Bootstrap 2
<space>hidden-xs for Bootstrap 3
2

Most frameworks have built-in responsive classes. These are classes that can be added to any module (using Module Class Suffix) in order to control on what screen sizes the module is visible.

For T3 framework, use the class .hidden-phone to hide a module for screen sized below 768px.

These are the classes and the corresponding screen sizes:

T3 Framework mobile classes

Read more about available responsive classes here.

0

There is a simple solution whereby you assign a custom class in the module such as 'hidden-mobile' then create a suitable media query using display:none. For example:

    @media screen and (max-width: 787px) { 
    .hidden-mobile { 
        display:none;
        } 
    }

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.