Joomla Templates Club 406,261 posts

[stebson Friend stebsonJoin date: November 2013Posts: 18Downloads:0Uploads:3 Thanks: 2]

#193125

Hi all,

the image I’ve got in the masshead doesn’t resize on ipads and tablets, so my plan is to disable it like it is on iphones and smaller devices. how can I do that?

Cheers

James,

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#516253

Hi stebson,

If you want to disable the Masshead on iPad and Mobile, we have two solutions for you.

Option 1: Create the custom.css file in the css folder and add the bellow CSS code section to file.

@media only screen and (max-width:768px) {
#ja-content-mass-top {
display: none;
}
}


Option 2: Open the spotlight-1.php file and add “hidden-phone” and “hidden-tablet” for “ja-masshead-wrap” div ( please look bellow code section)


<?php if ($this->countModules('masshead')) : ?>
<!-- MASSHEAD-->
<div class="ja-masshead-wrap hidden-phone hidden-tablet">
<div class="row">
<div class="span12">
<jdoc:include type="modules" name="<?php $this->_p('masshead') ?>" style="raw" />
</div>
</div>
</div>
<!-- //MASSHEAD -->
<?php endif ?>


Best regards,

[Author]

Posts