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>

avatar rankoms
@rankoms

89 Kontribusi 12 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

ane bikin footer dengan kode seperti dibawah ini aman aja kalau display mobile

<pre> &lt;footer&gt; &lt;div class="container"&gt; &lt;div id="copyright" class="pull-left"&gt; © 2018 - Vision Studio &lt;/div&gt; &lt;div class="pull-right"&gt; &lt;div class="go-top"&gt; &lt;a href="#home" class="page-scroll"&gt; &lt;span class="glyphicon glyphicon-chevron-up"&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/footer&gt; </pre>

avatar Dedy Rosyadi
@Dedy Rosyadi

18 Kontribusi 12 Poin

Dipost 5 tahun yang lalu

di col-sm-4 col-md-4 nya kasih style display: flex; flex-direction: column; flex: 0 0 auto;

avatar normanrmdhn
@normanrmdhn

13 Kontribusi 10 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban