handling mobile footer elements

Author: manuelernestog

assets/theme/css/style.css

@@ -360,8 +360,8 @@ nav .mbr-section-btn {
 
 /*! Scroll to top arrow */
 .mbr-arrow-up {
-  bottom: 25px;
-  right: 90px;
+  bottom: 45px;
+  right: 32px;
   position: fixed;
   text-align: right;
   z-index: 5000;

index.html

@@ -255,23 +255,23 @@ <h5 class="card-title mbr-fonts-style display-5"><strong>Free your Potential</st
           <img src="assets/images/logo.svg" alt="WeekToDo" height="50">
         </div>
       </div>
-      <div class="col-11 col-6 d-flex justify-content-center justify-content-md-end">
-        <div>
+      <div class="col-11 col-6 d-flex justify-content-center justify-content-md-end flex-column flex-sm-row">
+        <div class="align-self-center">
           <p>
             <a href="https://qvapay.com/payme/merodriguez9112" target="_blank">
               <img src="assets/images/qvapay-donate.png" title="Qvapay - Donate with Cryptocurrencies, Airtm or Payeer" style="width: 147px; height: 47px;"/>
             </a>
           </p>
         </div>
-        <div class="ml-5">
+        <div class="ml-sm-5 align-self-center">
           <form action="https://www.paypal.com/donate" method="post" target="_top">
             <input type="hidden" name="hosted_button_id" value="TVWQZVZDCBSK2"/>
             <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0"
                    name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button"/>
             <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"/>
           </form>
         </div>
-        <div id="google_translate_element" class="ml-5"></div>
+        <div id="google_translate_element" class="ml-sm-5 align-self-center"></div>
       </div>
     </div>
     <div class="footer-lower">
@@ -320,5 +320,7 @@ <h5 class="card-title mbr-fonts-style display-5"><strong>Free your Potential</st
 <script src="assets/dropdown/js/navbar-dropdown.js"></script>
 <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
 <script src="assets/theme/js/script.js"></script>
+
+<div id="scrollToTop" class="scrollToTop mbr-arrow-up" style=""><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div>
 </body>
 </html>