saudações ,
isso costuma depender do tema que está usando. alguns temas tem a opção de mostrar ou não. mas pode também definir isso com código indo em Aparência > Personalizar > CSS Adicional. veja duas orientações abaixo como pode funcionar,
https://wordpress.org/support/topic/hide-sidebar-widgets-on-mobile-devices/
https://generatepress.com/forums/topic/how-to-hide-sidebar-on-mobile/
a segunda é do GeneratePress, o tema que uso em todos os meus sites. e como pode ver é ligeiramente diferente do primeiro. porque a forma como o tema é desenvolvido influencia nessa solução.
Poxa, obrigado Ralden !! Infelizmente não tenho muito conhecimento em CSS, mas tentei usar os códigos em meu website. No entanto, não teve efeito. Uso o Tema Newspaper Tech News (https://demo.tagdiv.com/newspaper_tech/) e infelizmente ele não tem opção de desativar em dispositivos moveis o sidebar.
Olá, tudo bem?
Você pode utilizar o seguinte código para fazer isso:
/* Retirar sidebar em dispositivos moveis */
@media (max-width: 768px) {
.td-main-content {
width: 100% !important;
}
.td-main-sidebar {
display: none !important;
}
}
Para colocar vá até Aparência > Personalizar > CSS Adicional.
É importante destacar que no CSS depende de cada site, dos IDs e Classes utilizadas por cada site/tema.
Aproveitando, recomendo que retire esse bloqueio para pessoa não conseguir pressionar o botão direto, apenas atrapalha a experiência do seu usuário. Ferramentas de pesquisa, como o Google, vão penalizar sites que copiarem o seu conteúdo. Não se preocupe, caso essa seja a sua preocupação.
