Joomla Templates Club 406,261 posts

[hstrom Friend hstromJoin date: November 2012Posts: 44Downloads:33Uploads:1 Thanks: 6]

#205961

Hi,
I would like to show certain modules only on certain screen sizes when using responsive mode. For example, when the visitor uses a regular monitor/computer, we can have big ads in the in home-2 position, but if the visitor uses a mobile phone, I want a module with smaller ads to show.

Some templates can regulate this by Module Class Suffix for each module, but I do not find anything about this in the documentation for Teline V.

Can someone help?

With kind regards,
– Johan.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569104

Hi @hstrom,

Please open file root_folder/templates/ja_teline_v/css/custom.css (if you don’t have this file, just create a new one) then add this code :

.tablet-only,
.mobile-only {
display: none;
}
@media (max-width: 768px) {
.tablet-only {
display: block;
}
}
@media (min-width: 480px) {
.mobile-only {
display: block;
}
}

Then assign class “tablet-only” (will be displayed in resolution 768 or smaller) or “mobile-only” (will be displayed in resolution 480 or smaller) to appropriate module via Module Class Suffix.

[gernot_b Friend gernot_bJoin date: May 2014Posts: 11Downloads:0Uploads:0]

#569572

Hello,
I did, but it did not work, something is missing?
thank you

[gernot_b Friend gernot_bJoin date: May 2014Posts: 11Downloads:0Uploads:0]

#734661

Hello,
I did, but it did not work, something is missing?
thank you

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569597

Hi @gernot_b,

May I know your site url ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#734686

Hi @gernot_b,

May I know your site url ?

[Author]

Posts