Canvas Support

Social Icons in footer on mobile devices

1 reply · opened Dec 9, 2016

TtekprogrammerDec 9, 2016

I need to display social icons (facebook, twitter, pinterest, etc) in the footer of a page. This isn't a problem when viewed on a desktop but I cannot figure out how to display these icons on mobile devices like an iphone. When viewed on an iphone they always disappear from the footer regardless if i use the data- attribute classes or not.

How can I keep the social icons displayed in the footer, even on an iphone?

Thanks

SSemicolon WebSTAFFDec 9, 2016

Hello,

The Visibility of the Social Icons has been disabled by default in the css/responsive.css File on Mobile Landscape/Portrait Devices. You can simply add the following CSS Code to fix this: 

@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;
	}
}

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