Merge pull request #632 from keymanapp/help1-css

chore: add style for language switcher on scroll

Author: darcywong00

cdn/dev/css/template.css

@@ -676,6 +676,13 @@ input[type="search"] {
 	display: none;
 }
 
+.help1-on-scroll {
+	display: flex !important;
+	flex-direction: row;
+	align-items: center;
+	top: 10px !important;
+}
+
 #help1 form {
 	float: left;
 }

cdn/dev/js/kmlive.js

@@ -55,25 +55,28 @@ function loaded(){
       if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
 	$('#top-menu1').addClass('faded-menu');
 	$('#top-menu-icon,#help1').fadeIn();
+  $('#top-menu-icon,#help1').addClass('help1-on-scroll');
 	$('.info-left').addClass('fixed-pos');
       }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
 	$('#top-menu1').removeClass('faded-menu');
 	$('#top-menu-icon,#help1').hide();
+  $('#top-menu-icon,#help1').removeClass('help1-on-scroll');
 	$('.info-left').removeClass('fixed-pos');
       }
     });
     var scroller_anchor = $(".header").height();
     if ($(this).scrollTop() >= scroller_anchor && $('#top-menu1').css('position') != 'fixed'){
       $('#top-menu1').addClass('faded-menu');
       $('#top-menu-icon,#help1').show();
+      $('#top-menu-icon,#help1').addClass('help1-on-scroll');
       $('.info-left').addClass('fixed-pos');
     }else if ($(this).scrollTop() < (scroller_anchor + 1) && $('#top-menu1').css('position') != 'absolute'){
       $('#top-menu1').removeClass('faded-menu');
       $('#top-menu-icon,#help1').hide();
+      $('#top-menu-icon,#help1').removeClass('help1-on-scroll');
       $('.info-left').removeClass('fixed-pos');
     }
   }
-
   $('#show-phone-menu').click(function(event) {
     $("#phone-menu").toggleClass('menu-visible');
   });