CSS edits not being applied on mobile

Support
3

I can see your modification, but because the target it’s not enough specific, it’s been overwritten by core CSS.
You can see it when you inspect the element with the browser, e.g.:

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

You need to either add !important to your rules or be more specific like for example:

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

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

It’s usually recommended to properly specify a rule first to avoid targeting unexpected elements.

5 Likes