VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Hide module on mobile.
(1 viewing) (1) Guest
  • Page:
  • 1

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!

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

  • Posts:2134
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.40 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.