Fixed positions

index.html

@@ -8,7 +8,7 @@
 
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
 
-	<link rel="stylesheet" href="social-share.css">
+	<link rel="stylesheet" href="social-share.min.css">
 
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 
@@ -181,6 +181,13 @@ <h5>Strait</h5>
 		<br>
 		<div class="ss-box ss-strait ss-dark" data-ss-content="false"></div>
 
+		<br><br>
+		<h5>Position fixed</h5>
+		<p>To create the buttons in a fixed position combine the class <b>ss-fixed</b> with <b>ss-bottom, ss-top, ss-left</b> or <b>ss-right</b> in <b>ss-box</b> container.</p>
+		<pre class="alert alert-secondary">&lt;div class="ss-box ss-fixed ss-bottom" data-ss-content="false"&gt;&lt;/div&gt;</pre>
+		<br>
+		<!--<div class="ss-box ss-fixed ss-bottom" data-ss-content="false"></div>-->
+
 		<br><br>
 		<h5>Hide Icons</h5>
 		<p>If you dont want to show the icons of Social Network just include <b>data-ss-icon</b> attribute with value <b>false</b>.</p>		

social-share.css

@@ -91,6 +91,50 @@
 	margin: 0 auto;
 }
 
+/*POSITIONS*/
+
+.ss-fixed{
+	position: fixed;
+	z-index: 999;
+	left: 0;
+	right: 0;
+}
+
+.ss-bottom{
+	display: inline-block;
+	text-align: center;
+	bottom: 10px;
+}
+
+.ss-top{
+	display: inline-block;
+	text-align: center;
+	top: 10px;
+}
+
+.ss-left, .ss-right{
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.ss-left{
+	left: 10px;
+}
+
+.ss-right{
+	left: unset;
+	right: 10px;
+}
+
+.ss-left .ss-btn, .ss-right .ss-btn{
+	display: table;
+	width: 140px;
+}
+
+.ss-left[data-ss-content='false'] .ss-btn, .ss-right[data-ss-content='false'] .ss-btn{
+	width: 40px;
+}
+
 /*RESPONSIVE*/
 @media (min-width: 768px) {
 	.ss-responsive .ss-btn-share,