Disable module for desktop/mobile

Is there any option to disable module in the mobile view?
I must scroll horizontally to see entire module in mobile view of contact form (this is a table in article with loadposition of another module).
I want to place the text vertically not horizontally - the contact details on top of contact form?
I need instruction how to block one modul for the desktop version and how for the mobile version
thanks

Hi

{loadmodule} does not support regular module functionality, so it will not be possible to use module class suffix. Please tell me the url and explain which module should be hidden when.

This is a temporary link:
http://www.hotels.konfoteka.pl/kontakt-vhotels
I need to use exactly this contact view In two columns on desktop view. I used {loadmodule} in article (in table).
It looks good, but on mobile I must scroll horizontally.
I need:
content article with loadposition - visible only on desktop
bottom3, bottom4 - visible only on mobile
Maybe my problem can resolved two column layout. It's possible?
Could You help me?:)

Hi

Now, when I know what You are trying to do I can advice a different solution. Problem is not with enabling/disabling it for different screen width, but to get rid of <table>, which is not the best solution for mobile layout. You should use layers instead.

Something like this:

Code: Select all

<div class="colLeft">{loadmodule xxx}</div>
<div class="colRight">{loadmodule yyy}</div>
<div class=".clear"></div>


than add this to override.css:

Code: Select all

.colLeft, .colRight {
width: 50%;
float: left;
}

.clear {
clear: both;
}

@media only screen and (max-width:800px) {
.colLeft, .colRight {
width: 100%;
float: none;
}
}


Thanks,
I did everything but I don't know where I should place this code:
<div class="colLeft">{loadmodule kontakt}</div>
<div class="colRight">{loadmodule formularz}</div>
<div class=".clear"></div>
I placed it into article but it not works. Are these classes defined in this template in another special file?

Hi

Tell me where I can see this in action. Your contact page is empty all of a sudden.

Yes, this code should go to article content while editor is in HTML mode.

The first part of the code needs to be copied to override.css, which is a file for css changes and should be enebled in templaet configuration in order to load it on site.

I used this on contact page but it not works, I don't see it on page (also in source code).

Hi

I can see the code I asked You to add, but not modules. Here You will find how to use {loadmoule} option: https://www.ostraining.com/blog/joomla/ ... oadmodule/

Ok, thank you,
My mistake, I used title of module instead name of module from system.
I found this very helpful info:
Core Joomla Module Names
mod_articles_archive
mod_articles_categories
mod_articles_category
mod_articles_latest
mod_articles_news
mod_articles_popular
mod_banners
mod_breadcrumbs
mod_custom
mod_feed
mod_finder

Hi

Ok. Great to hear it's solved. Closing this thread than.