How can I show footer links on mobile?

3 replies · opened Jul 31, 2017

MMakotoJul 31, 2017

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:


	
	
		
			
				
![attachment](images/common/aromeDouce_footerLogo.png)

				© Arome Douce. All Rights Reserved
			
			
				
					[トップ](#)/[プライバシーポリシー](#)/[特定商取引法に基づく表示](#)/[お問い合わせ](#)
				
			
		
	

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!

SSemicolon WebSTAFFAug 1, 2017

Hello,

Simply consider deleting/commenting the following code in the css/responsive.css File:

#copyrights .col_half:last-child { display: none; }

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MMakotoAug 2, 2017

Hello!

The previous code ended up working fine. I did some repositioning but what actually fixed the issue was renaming 'custom.css' to something else (like 'custom-style.css') and re-linking it to the page <head>. I didn't have duplicated files so it's weird, but it works now.
Thanks for the reply anyway!

Best regards.

SSemicolon WebSTAFFAug 4, 2017

Hello,

This appeared to be an issue with Browser Cache. So simply clearing the Browser Cache should have fixed your issue.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard