como faço para retirar essas setas de passar? já pesquiseis em todos os lugares :(

Store Design
, , , , ,

Topic summary

Um usuário está tentando remover as setas de navegação (slider arrows) que aparecem em seu site Shopify, mas não conseguiu encontrar solução após pesquisar.

Soluções propostas:

Dois participantes ofereceram métodos similares usando CSS:

Método 1 (CodingFifty):

  • Acessar Online Store > Theme > Edit Code
  • Localizar base.css/theme.css/style.css
  • Adicionar código CSS no final do arquivo
  • Inclui media query para aplicar apenas em dispositivos móveis (max-width: 768px)

Método 2 (DaisyVo):

  • Acessar Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Colar o código CSS diretamente na seção Custom CSS
  • Aplica a mudança em todos os tamanhos de tela

Ambas as soluções utilizam .slider-buttons { display: none !important; } para ocultar as setas. A principal diferença está no escopo de aplicação (apenas mobile vs. todas as telas) e no local onde o código deve ser inserido.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Sem nome (1080 x 1720 px).png
Sem nome (1080 x 1720 px).png1080×1720 101 KB

2

Hello @jutsusexy ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.

@media (max-width: 768px){
.slider-buttons {
    display: none !important;
}
}
3

HI @jutsusexy

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.slider-buttons {
    display: none !important;
}

I hope this helps

Best,

Daisy