Hide module on mobile. - JF Creativia - Joomla Templates

Welcome, Guest

TOPIC: Hide module on mobile.

Hide module on mobile. 24 May 2015 06:47 #6767

Hi guys,

I've set up a site using JF_Creativia, but I need to hide the Slideshow module when the site is viewed on anything other than a desktop. I've tried using the module class suffix " hidden-phone" and " hidden-tablet", I've also tried using " nomobile" and " notablet" to no avail.

Is someone able to explain how I can achieve this?

Thanks!

Reply Quote

Posts:1
PotatoGraphick
Fresh Boarder
OFFLINE
Karma: 0

Re: Hide module on mobile. 26 May 2015 02:59 #6783

You can edit templates/jf_creativia/index.php file, modify:

 
<?php if($this->countModules('slideshow')) : ?>
<div id="slideshow">
	...
</div>	
<?php endif; ?>

to:

 
<?php if($this->countModules('slideshow')) : ?>
<div id="slideshow" class="hidden-phone">
	...
</div>	
<?php endif; ?>

Then edit templates/jf_creativia/css/responsive.css file, add:

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

joomfreak

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1

joomfreak.com Support Forum

Account Details

Your Forum Posts

TOPIC: Hide module on mobile.

Hide module on mobile. 24 May 2015 06:47 #6767

Re: Hide module on mobile. 26 May 2015 02:59 #6783

Support

Company

Who´s online