# CSS edits not being applied on mobile

**URL:** https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986
**Category:** Support
**Tags:** css
**Created:** [February 23, 2025, 6:58pm UTC](https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986 "2025-02-23T18:58:32Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [February 23, 2025, 7:32pm UTC](https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986/3 "2025-02-23T19:32:22Z")

</div>

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)](https://global.discourse-cdn.com/meta/original/4X/1/8/9/18912a01499b4f1704117ef8263ddc20cd14cfd2.png)

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

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

```

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

```

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

---

_[View the full topic](https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986)._
