Edições de CSS não sendo aplicadas no celular

Suporte
3

Consigo ver sua modificação, mas como o alvo não é específico o suficiente, ele foi substituído pelo CSS principal.
Você pode ver isso quando inspeciona o elemento com o navegador, por exemplo:

The image shows CSS code with styles for elements like 'about', 'details', 'user-profile-location', and 'user-profile-website', including properties like 'justify-content', 'display', and 'argin-right', with content slightly obscured by a red horizontal line. (Captioned by AI)
The image shows CSS code with styles for elements like 'about', 'details', 'user-profile-location', and 'user-profile-website', including properties like 'justify-content', 'display', and 'argin-right', with content slightly obscured by a red horizontal line. (Captioned by AI)605×361 9.07 KB

Você precisa adicionar !important às suas regras ou ser mais específico, como por exemplo:

.user-profile-location {
    display: none !important;
}

.user-main .about .details .user-profile-location {
    display: none;
}

Geralmente, é recomendado especificar corretamente uma regra primeiro para evitar atingir elementos inesperados.

5 curtidas