Add "reply" text on mobile to the button

Product Support

AI-generated summary

The discussion is about adding the “reply” text to the button on mobile devices. Damian_Boon requested this feature, as the desktop version has the text, but the mobile version only shows an icon. pmusaraj provided a CSS solution to display the text on mobile devices. Damian_Boon asked how to inspect the mobile version, and pmusaraj explained that he used Safari on his physical phone and also provided alternative methods to force the mobile view in Chrome. Damian_Boon was grateful for the solution and the tip on how to emulate the mobile view.

1

On desktop below a topic there is the reply button with text which is super simple to use and user friendly for newbies, however on mobile it is just a box with icon. Is there anyway to add the “reply” text back. I tried inspecting but i assume that tool doesnt render a propper mobile version as the text is there.

efbd5916-f275-422a-a2e0-17e74c2f5830
efbd5916-f275-422a-a2e0-17e74c2f5830955×2048 91.5 KB

2

You can target that element on mobile using:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-button-label {
  display: block;
}

In my quick test, I also needed to override the margin of the icon:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-icon {
  margin-right: 0.45em;
}
3

Thanks @pmusaraj but for future reference how did you get to be able to inspect the mobile version? When i do it and choose an iphone for instance it shows me the desktop site but minimized.

4

I inspected Safari from my physical phone, plugged to the Mac.

You can also append mobile_view=1 in Chrome to force the app to load the mobile version. Or refresh the page while emulating a phone, it should switch to the mobile view.

5

Been using that for 5years plus and never knew that haha works a charm. thanks so much :slight_smile: