People put a loading on the page but when I edit the page by the ementor it does not stop there I can not edit the contents = (could you help me to see what is happening?
CSS:
/*Loading*/
#page{
display: none;
}
#loading{
position:absolute;
left:50%;
top:50%;
margin-left:-110px;
margin-top:-40px;
}
HTML:
<body <?php body_class(); ?>>
<!-- <div id="loading"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/loading.gif"></div> -->
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a>
<header id="masthead tudo_page" class="site-header" role="banner">
<?php get_template_part( 'template-parts/header/header', 'image' ); ?>
<?php if ( has_nav_menu( 'top' ) ) : ?>
<div class="navigation-top">
<div class="wrap">
<!--Inserido menu TOP-->
<?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
</div><!-- .wrap -->
</div><!-- .navigation-top -->
................................
Jquery:
//Pre-Loader
jQuery(window).load(function () {
$('.id-sub').hide();
$("#loading").fadeOut(2000,function(){
$("#page").css("display","block").fadeIn("fast-slow");
var currentPage = window.location.hash;//captura o link da pagina
if (currentPage) {
$(currentPage).slideDown(2000).addClass('fixed');
$('html,body').animate({ 'scrollTop': $(currentPage).offset().top });
}
});
});