Public Forums 71,145 posts

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#195805

Hi

why is the spotlight footer hidden for xs and how can i changed to see it again on small tablets

<!– FOOTER –>
<footer id=”t3-footer” class=”wrap t3-footer”>

<?php if ($this->checkSpotlight(‘footnav’, ‘footer-1, footer-2, footer-3, footer-4, footer-5, footer-6’)) : ?>
<!– FOOT NAVIGATION –>
<div class=”container hidden-xs”>
<?php $this->spotlight(‘footnav’, ‘footer-1, footer-2, footer-3, footer-4, footer-5, footer-6’) ?>
</div>
<!– //FOOT NAVIGATION –>
<?php endif ?>

<section class=”t3-copyright”>
<div class=”container”>
<div class=”row”>
<div class=”<?php echo $this->getParam(‘t3-rmvlogo’, 1) ? ‘col-md-8’ : ‘col-md-12’ ?> copyright <?php $this->_c(‘footer’) ?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘footer’) ?>” />
<small>
<a href=”http://twitter.github.io/bootstrap/” target=”_blank”>Bootstrap</a> is a front-end framework of Twitter, Inc. Code licensed under <a href=”http://www.apache.org/licenses/LICENSE-2.0″ target=”_blank”>Apache License v2.0</a>.
</small>
<small>
<a href=”http://fortawesome.github.io/Font-Awesome/” target=”_blank”>Font Awesome</a> font licensed under <a href=”http://scripts.sil.org/OFL”>SIL OFL 1.1</a>.
</small>
</div>
<?php if ($this->getParam(‘t3-rmvlogo’, 1)): ?>
<div class=”col-md-4 poweredby text-hide”>
<a class=”t3-logo t3-logo-color” href=”http://t3-framework.org” title=”<?php echo JText::_(‘T3_POWER_BY_TEXT’) ?>”
target=”_blank” <?php echo method_exists(‘T3’, ‘isHome’) && T3::isHome() ? ” : ‘rel=”nofollow”‘ ?>><?php echo JText::_(‘T3_POWER_BY_HTML’) ?></a>
</div>
<?php endif; ?>
</div>
</div>
</section>

</footer>
<!– //FOOTER –>

regards

Gerhard

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#526997

Hi Gerhard,

From your code above, you need to remove hidden-xs from class “container”.

Change

<!-- FOOT NAVIGATION -->
<div class="container hidden-xs">
<?php $this->spotlight('footnav', 'footer-1, footer-2, footer-3, footer-4, footer-5, footer-6') ?>
</div>
<!-- //FOOT NAVIGATION -->

To

<!-- FOOT NAVIGATION -->
<div class="container">
<?php $this->spotlight('footnav', 'footer-1, footer-2, footer-3, footer-4, footer-5, footer-6') ?>
</div>
<!-- //FOOT NAVIGATION -->

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#527006

Hi Ninja lead,
i did try that but when i look at the size for mobile i got this

i did not get footer 1 to xs 12 but got two positions at the mobile screen
like footer 1 xs 6 and footer2 xs6
and not one postion with width xs 12 for footer 1

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#527112

Could you explain in more details on the issue? Please send me URL of your site as well. It would be best if you can add note into the screenshot. I will help you out then.

[Author]

Posts