move tag html after screen resize
by oktaviardi pratama
JavaScript
//for responsive
windowSize();
$(window).resize(function() {
resizeDetected();
});
function windowSize() {
windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
}
function resizeDetected() {
windowSize();
if (windowWidth < 768) {
var navSection = $('#nav-top').detach();
$('#nav-main').after(navSection).addClass('m-menu');
$('#nav-top').addClass('m-menu');
}
else if(windowWidth < 990 && windowWidth < 768){
var creditSection = $('.credit.row-box').detach();
$('.member_of.row-box').after(creditSection);
}
else if(windowWidth > 768){
var navSection = $('#nav-top').detach();
var creditSection = $('.credit.row-box').detach();
var circleUp= $('.box-link .box-head .fa').hasClass('fa-chevron-circle-up');
$('.nav-logo').after(navSection);
$('.site-link.row-box').before(creditSection);
$('#nav-top').removeClass('m-menu');
$('.box-link .wrap').css('display','');
if(circleUp==true){
$('.box-link .box-head .fa').removeClass('fa-chevron-circle-up').addClass('fa-chevron-circle-down');
}
}
else{
}
}