Footer does not work properly on Mobile version.

1 reply · opened Jul 22, 2017

YyusufaydemirJul 22, 2017

Hi,

On mobile version, i can see only copyright div. The others dont come out. How can i fix this?

You can find my footer code in below.

kirk2.co

<!-- Footer
============================================= -->
<footer id="footer" class="dark">

		&lt;!-- Copyrights
		============================================= --&gt;
		&lt;div id="copyrights"&gt;

			&lt;div class="container clearfix"&gt;

				&lt;div class="col_half"&gt;
					Copyrights &copy; 2017 All Rights Reserved by Kırk2 Teknoloji Inc.&lt;br&gt;
					&lt;!-- &lt;div class="copyright-links"&gt;[Terms of Use](#) / [Privacy Policy](#)&lt;/div&gt; --&gt;
				&lt;/div&gt;

				&lt;div class="col_half col_last tright"&gt;
					&lt;div class="fright clearfix"&gt;
						[
							
							
						](https://www.facebook.com/kirk2teknoloji/)

						[
							
							
						](https://twitter.com/Kirk2Teknoloji)

						[
							
							
						](https://plus.google.com/b/103897550218578479179/?hl=tr)

						

						[
							
							
						](https://www.linkedin.com/company/k%C4%B1rk2-dan%C4%B1%C5%9Fmanl%C4%B1k?trk=ppro_cprof)
					&lt;/div&gt;

					&lt;div class="clear"&gt;&lt;/div&gt;

					&lt;i class="icon-envelope2"&gt;&lt;/i&gt; info@kirk2.com.tr &lt;span class="middot"&gt;&middot;&lt;/span&gt; &lt;i class="icon-headphones"&gt;&lt;/i&gt; +90 507 100 42 42 &lt;span class="middot"&gt;&middot;&lt;/span&gt; &lt;i class="icon-skype2"&gt;&lt;/i&gt; kirk2teknoloji
				&lt;/div&gt;

			&lt;/div&gt;

		&lt;/div&gt;&lt;!-- #copyrights end --&gt;

	&lt;/footer&gt;&lt;!-- #footer end --&gt;
SSemicolon WebSTAFFJul 23, 2017

Hello,

This has been disabled by default on Mobile Devices to prevent alignment issues. Please consider using 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