fix cookie on small screen

infoshareacademy · Feb 1, 2018 · 2ebfaad · 2ebfaad
1 parent 9c965d5
commit 2ebfaad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/css/style_responsive.css b/css/style_responsive.css
@@ -359,6 +359,10 @@
         display: block;
     }
 
+    #back_to_top {
+        display: none;
+    }
+
 }
 
 @media screen and (max-width: 600px) {

diff --git a/js/cookie.js b/js/cookie.js
@@ -31,9 +31,9 @@ C = {
 
     createDiv: function () {
         var banner = $(
-            '<div class="cookie-div alert alert-dismissible text-'+
+            '<div class="col-xs-12 col-sm-4 cookie-div alert alert-dismissible text-'+
             this.alertAlign +' fade in" ' +
-            'role="alert" style="position: fixed; bottom: 0; width: 30%; ' +
+            'role="alert" style="position: fixed; bottom: 0; ' +
             'margin-bottom: 0"><strong>' + this.bannerTitle + '</strong> ' +
             this.bannerMessage + ' <a href="' + this.bannerLinkURL + '">' +
             this.bannerLinkText + '</a> <button type="button" class="btn ' +