post

Scroll horizontal (snap) CSS com posts do Elementor WordPress

Publicado em: 04/11/2022

Categorias: BlogCSSElementorWordpress

Use o widget de posts padrão do Elementor e aplique o código abaixo no CSS personalizado do widget:

@media (max-width: 1024px) {
.elementor-posts-container {
  overflow: auto;
  display: flex;
  scroll-snap-type: x mandatory;
}
.elementor-posts-container > .elementor-post {
  min-width: 60%;
  scroll-snap-align: start;
}
}

@media (max-width: 767px) {
.elementor-posts-container {
  overflow: auto;
  display: flex;
  scroll-snap-type: x mandatory;
}
.elementor-posts-container > .elementor-post {
  min-width: 100%;
  scroll-snap-align: start;
}
}


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/2122

ID de Referência: 2122

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