post

CSS + JS para auxiliar sites WordPress com Elementor

Publicado em: 04/11/2022

Categorias: BlogCSSElementorJavaScriptJSKits e trechos de código para clientesWordpress
<style>
/* [BASICO] Código para travar a barra de rolagem horizontal, para elementos que ficam fora da tela do lado direito do navegador */
html, body {
  overflow-x: hidden;
}
  
.jet-listing-grid__slider-icon.slick-arrow {
  z-index: 2;
}
</style>


<script>
// [BASICO] Código para impedir o scroll para o topo da pagina quando clicado em um link com # no href
jQuery(document).ready(function() {
  jQuery('a[href="#"]').click(function(e) {
    e.preventDefault();
  });
});

// [EXTRA] Código para reservar espaço de fundo para cabeçalhos fixos que usam o plugin "Sticky Header Effects for Elementor"
jQuery('.elementor-location-header').css( { height: jQuery('.elementor-location-header').height() +'px' } );
</script>


Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/2124

ID de Referência: 2124

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários