Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Footer menutupi copy right
gimana cara nya agar footer ketika ukuran screen kecil, tulisan tidak tumpang tindih. script nya
<footer>
<div class="container-fluid" style="background-image: url('<?php echo get_template_directory(dirname(__FILE__), 'assets/');?>img/footer-bg.png');" id="cfoot">
<div id="footer-link" style="overflow:hidden">
<div class="rowt box">
<div class="col-md-4 col-sm-4 hidden-xs">
<h4 class="footer-title">Situs Terkait</h4>
<ul class="list-unstyled">
<?php foreach(get_siter() as $key=> $value): ?>
<li style="margin-top: 0px;margin-bottom: 15px;"><a href="<?php echo $value->category_slug ?>" target='_blank'><?php echo $value->category_name ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<div class="col-md-5 col-sm-4" id="ctitle">
<h4 class="footer-title">Kontak Kami</h4>
<ul class="list-unstyled social-media" style="margin-top: 0px;">
<li>
<ul class="list-unstyled social-media" id="contact-footer" style="margin-top: 30px;">
<li style="margin-top: 0px;margin-bottom: 0px;">
<p><?php echo e_('alamat') ?><br>
Telp. <?php echo e_('telp') ?><br />
Fax. <?php echo e_('fax') ?>
</p>
<p>
<?php echo e_('email') ?>
</p>
</li>
</ul>
</li>
</ul>
<div class="col-md-4 col-sm-4 hidden-xs" style="margin-left: -15px;">
<h4 class="footer-title">Navigation</h4>
<ul class="list-unstyled">
<li><a href="<?php echo base_url() ?>faq">FAQ</a></li>
<li><a href="<?php echo base_url() ?>sitemap">Sitemap</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-4 hidden-xs" style="margin-top: 0px;">
<h4 class="footer-title">Statistik Pengunjung</h4>
<ul class="list-unstyled" style="margin-top: 30px;">
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-user"></span>Online <?php echo get_statistik('online')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-bar-chart"></span>Today <?php echo get_statistik('today')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-share-square-o"></span>Yesterday <?php echo get_statistik('yesterday')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-calendar-check-o"></span>Month <?php echo get_statistik('month')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-calendar"></span>Year <?php echo get_statistik('yesterday')[0]->jumlah ?></li>
<li style="margin-top: 0px;margin-bottom: 0px;"><span class="fa fa-users"></span>Total <?php echo get_statistik()[0]->jumlah ?></li>
</ul>
</div>
</div>
</div>
<div id="copyright" style="margin-top: -100px;">
<div class="row">
<div class="col-sm-12">
<p><?php echo e_('copyright') ?></p>
</div>
</div>
</div>
</div>
</footer>
2 Jawaban:
ane bikin footer dengan kode seperti dibawah ini aman aja kalau display mobile
<pre> <footer> <div class="container"> <div id="copyright" class="pull-left"> © 2018 - Vision Studio </div> <div class="pull-right"> <div class="go-top"> <a href="#home" class="page-scroll"> <span class="glyphicon glyphicon-chevron-up"></span> </a> </div> </div> </div> </footer> </pre>
di col-sm-4 col-md-4 nya kasih style display: flex; flex-direction: column; flex: 0 0 auto;