VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.57 seconds
Friday 29 March 2024

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.