# Kann die Footer-Buttons im Thema auf iOS nicht entfernen

**URL:** https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754
**Category:** Development
**Tags:** mobile
**Created:** [21. August 2024 um 17:25 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754 "2024-08-21T17:25:58Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![CaptainJ](https://avatars.discourse-cdn.com/v4/letter/c/53a042/32.png) [@CaptainJ](https://meta.discourse.org/u/CaptainJ)
#### Post date: [21. August 2024 um 17:25 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/1 "2024-08-21T17:25:58Z")

</div>

Ich habe es geschafft, die Schaltflächen „Melden“ und „Teilen“ vom unteren Rand der Themen auf dem Desktop zu entfernen, aber in der iOS-App gibt es immer noch ein Dropdown-Menü „Themenoptionen“, das „Melden“ und „Teilen“ enthält. Ich habe das CSS im Abschnitt „Allgemein“ vorgenommen.

Ist das ein Fehler?

(Die Schaltflächen in der Fußzeile des Themas sind besonders auf Mobilgeräten überladen. Daher ist eine unnötig große Schaltfläche „Themenoptionen“ etwas ärgerlich, zumal ich glaube, dass es keine Möglichkeit gibt, auch „Lesezeichen“ zu entfernen, was eine weitere große Schaltfläche ist. Wenn dies nur Symbole wären, wäre es nicht so schlimm, aber derzeit sind fast die Hälfte des Bildschirms am Ende des Themas Schaltflächen.)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [21. August 2024 um 19:24 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/2 "2024-08-21T19:24:13Z")

</div>

Können Sie hier Ihr relevantes CSS teilen? Wahrscheinlich müssen Sie spezifischer sein, damit es für Mobilgeräte gilt.

---

<div class="post-metadata">

### Author: ![CaptainJ](https://avatars.discourse-cdn.com/v4/letter/c/53a042/32.png) [@CaptainJ](https://meta.discourse.org/u/CaptainJ)
#### Post date: [22. August 2024 um 17:00 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/3 "2024-08-22T17:00:52Z")

</div>

```plaintext
button#topic-footer-button-flag {
    display: none;
}

button#topic-footer-button-share-and-invite {
    display: none;
}

```

Ich habe auch „pinned“ und den Benachrichtigungstext entfernt:

```plaintext
#topic-footer-buttons .pinned-button {
    display: none;
}

#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { order: -1; }
    
    .topic-notifications-button {
        margin-block: 0;
        
        .reason {
            margin-top: 0;
            
            .text {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 924px) {
    html.desktop-view #topic-footer-buttons .topic-notifications-button {
        margin-top: 1em;
    }
}

```

Danke!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [23. August 2024 um 13:37 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/4 "2024-08-23T13:37:01Z")

</div>

Ja, also auf Mobilgeräten sind die Topic-Footer-Steuerelemente eine völlig separate Komponente, sodass Ihr CSS etwas zu spezifisch ist und nur für Desktops gilt …

Dies sollte für beide funktionieren:

```css
#topic-footer-buttons {
  .flag-topic, 
  .share-and-invite {
    display: none;
  }
}

```

Wir haben ein kleines Tutorial zum Überprüfen von CSS-Selektoren: [Making custom CSS changes on your site](https://meta.discourse.org/t/make-css-changes-on-your-site/168101#p-836623-finding-the-right-css-selectors-5)

Mobile kann etwas schwierig zu überprüfen sein, wenn Sie keine Entwicklungsumgebung eingerichtet haben. Wenn Sie jedoch `?mobile_view=1` am Ende der URL Ihres Forums hinzufügen, können Sie Mobilgeräte auf einem Desktop anzeigen, was die Arbeit damit erleichtern kann.

---

<div class="post-metadata">

### Author: ![CaptainJ](https://avatars.discourse-cdn.com/v4/letter/c/53a042/32.png) [@CaptainJ](https://meta.discourse.org/u/CaptainJ)
#### Post date: [23. August 2024 um 18:53 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/5 "2024-08-23T18:53:26Z")

</div>

Danke! Ich wusste nichts von ?mobile\_view=1

Übrigens musste ich auch Folgendes hinzufügen, um das (jetzt leere) Dropdown zu entfernen:

```plaintext
#topic-footer-buttons .topic-footer-mobile-dropdown {
  display: none;
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [22. September 2024 um 18:53 UTC](https://meta.discourse.org/t/cant-remove-topic-footer-buttons-on-ios/322754/6 "2024-09-22T18:53:45Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
