Hello SemiColonWeb!
Canvas has been great so far but I hit a dead end with the following:
I wanted to use the copyright links area to place Privacy Policy, Terms of Use and that sort of links but, since there won't be duplicates anywhere else in the website, I need them to be visible in all devices.
I've removed social icons because I don't need them there, and since there are only 4 links to be shown, they can be displayed as a centralized list. My current code is:
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container clearfix">
<div class="col_half">
<img src="images/common/aromeDouce_footerLogo.png" alt="" class="footer-logo">
© Arome Douce. All Rights Reserved
</div>
<div class="col_half col_last tright">
<div class="copyrights-menu copyright-links fright clearfix">
<a href="#">トップ</a>/<a href="#">プライバシーポリシー</a>/<a href="#">特定商取引法に基づく表示</a>/<a href="#">お問い合わせ</a>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->I've seen the code below on a different thread and tried it but, for whatever reason, the 'custom.css' file is not being loaded. The CSS fix only works when included within a <style> tag inside the <head>. Curiously, other CSS files such as 'colors.css' and 'fonts.css' work totally fine, even though they're located on the same folder and are being called the same way.
@media (max-width: 767px) {
#copyrights .col_half:last-child {
display: block;
margin-top: 30px;
float: none;
text-align: center !important;
}
#copyrights .col_half:last-child .fright { float: none !important; }
#copyrights .col_half:last-child .social-icon {
float: none !important;
display: inline-block !important;
}
}Could you shed some light on the matter?
Thanks!