SOCIAL ICONS

1 reply·opened Mar 17, 2018
W
web404Mar 17, 2018
					<div class="si-sticky d-none d-lg-block">
						<a href="#" class="social-icon si-facebook" data-animate="bounceInLeft">
							<i class="icon-facebook"></i>
							<i class="icon-facebook"></i>
						</a>
						<a href="#" class="social-icon si-delicious" data-animate="bounceInLeft" data-delay="100">
							<i class="icon-delicious"></i>
							<i class="icon-delicious"></i>
						</a>
						<a href="#" class="social-icon si-paypal" data-animate="bounceInLeft" data-delay="200">
							<i class="icon-paypal"></i>
							<i class="icon-paypal"></i>
						</a>
						<a href="#" class="social-icon si-flattr" data-animate="bounceInLeft" data-delay="300">
							<i class="icon-flattr"></i>
							<i class="icon-flattr"></i>
						</a>
						<a href="#" class="social-icon si-android" data-animate="bounceInLeft" data-delay="400">
							<i class="icon-android"></i>
							<i class="icon-android"></i>
						</a>
						<a href="#" class="social-icon si-smashmag" data-animate="bounceInLeft" data-delay="500">
							<i class="icon-smashmag"></i>
							<i class="icon-smashmag"></i>
						</a>
						<a href="#" class="social-icon si-gplus" data-animate="bounceInLeft" data-delay="600">
							<i class="icon-gplus"></i>
							<i class="icon-gplus"></i>
						</a>
						<a href="#" class="social-icon si-wikipedia" data-animate="bounceInLeft" data-delay="700">
							<i class="icon-wikipedia"></i>
							<i class="icon-wikipedia"></i>
						</a>
					</div>

this code make soc icon sticky left, how make it sticky right ?

S
SemiColonWebSTAFFMar 19, 2018

Hello,

Simply add the .si-sticky-right Class to the .si-sticky Element.

This will definitely work fine. 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