Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [responsive-design]

For questions related to how the site looks, feels and behaves when its responsive design comes into play

120
votes
9answers
10k views

Responsive Design Themes - What can sites customize and how can they get changes implemented?

Update: We've begun working on new site designs and the information below also applies to them. I've added a new section about it and adjusted some of the guidelines as they've changed a bit. There ...
52
votes
26answers
13k views

Responsive design released for all Beta & Undesigned sites

This is now out for all of the sites We've had the new default unified theme up on Programming Puzzles & Code Golf for a month and a half now and the response there has been really positive. We ...
48
votes
2answers
384 views

On sites with new responsive theme, word wrap on long titles breaks in the middle of a word

For sites that have the new responsive theme enabled, where the "Ask Question" button is in line with the question title on question pages, the word wrap on long titles is not working correctly. It ...
42
votes
2answers
579 views

What’s the redesigning campaign – in a nutshell?

On my favourite site, a new design was announced. It contained a lot of links to posts which in turn contain a lot of links, answers, timelines, and references to stuff like Teams which is not ...
32
votes
0answers
214 views

Ransom-note problems with IPA and Greek under new font stacks

When you stitch together letters from multiple typefaces, your text begins to resemble a ransom note that pastes together cut-outs from different newspapers and magazines:                             ...
23
votes
0answers
275 views

Responsive design now available on all sites; new theme customization coming soon

It's been a long process, but the changes we announced back in March are done. Most sites will see their new themes live for all users on November 30. Some sites with blocking issues may have to wait ...
20
votes
3answers
150 views

Updates to error states

We have updated error states for Ask a Question to use a new inline style that works better for smaller screens. New error state Old error state
19
votes
0answers
137 views

Flag-summary page is *mostly* responsive, but post titles overflow into the stats box

I see this on my flag-summary page: At first I thought this was because not all pages on the site are responsive yet, but this one (otherwise) seems to be. The stuff on the main part of the page re-...
15
votes
0answers
118 views

Why do we have two sidebar columns instead of combining them into one?

I know that SE is committed to both left nav and responsive design, and I'm not trying to disrupt that. The main reason the new design isn't working well for me is that the new left nav combines with ...
14
votes
15answers
698 views

Responsive design for international sites has been released

I am excited to announce that international sites have gotten the new responsive design Wednesday, September 26th. Last week, all beta and undesigned sites got the new theme: Some things to be ...
14
votes
1answer
155 views

Does the new unified design theme result in more off-topic questions where lost users asked on the wrong site?

This is partially a request for opinion, and partially a request for statistics. For a very long time, Meta Stack Exchange has suffered from a problem where a lot of users ask blatantly off-topic ...
14
votes
1answer
164 views

Some profile pages are messed up in sites with the new responsive design

Few examples across the network: MSE: Physics: IPS.SE: Can this please be fixed? Pretty sure it's related to the responsive design or left nav bar somehow, though can't see what's ...
13
votes
0answers
67 views

Responsive design makes it impossible to select a mod message template on mobile [duplicate]

I just tried to select a mod message template to compose a mod message. However, since that's basically impossible without a mouse (a complaint for another time), I switched to mobile. However, I got.....
13
votes
0answers
271 views

Unchanging font size, leading, and measure are incompatible with dynamics of responsive design

The new Responsive-Design theme doesn’t work for small viewports — nor for very large ones either! In the new, would-be “responsive” design, the actual font size used does not vary as a function of ...
12
votes
1answer
153 views

What is the state of the new site designs promised after the redesign?

Last year, Jon Ericson wrote in an announcement about the completion of the responsive design rollout: We'll continue fixing bugs and starting in 2019 we'll be working on designs for sites with the ...
11
votes
3answers
306 views

Why all the downvotes on “updated site theme is now live” announcements?

Why all the downvotes on "updated site theme is now live" announcements? I have just taken a sample and found sites with downvotes: Software Engineering's updated site theme is ready for ...
11
votes
0answers
78 views

Add a horizontal scrollbar to MathJax formula blocks

MathJax formula blocks (i.e. $$these$$, not single-dollar-sign $inline$ mathjax) sometimes get wide, especially when they're arrays. Wide formulae don't play nicely with the responsive design though ...
10
votes
1answer
106 views

New? Buttons on “Users” page behave differently than each other

I don't remember seeing these buttons before... I'm pretty sure the "Users" page used to look like the other tabs with the options being in a row with red underlines to highlight which tab is active ...
10
votes
1answer
84 views

No review, only hats

I can’t see the review or help icon in the top bar. All I see is hats and some other stuff: The help icon is typically missing for me when I unlock review. But it’s blocked by hats even on sites ...
10
votes
1answer
163 views

Unable to upload an image or even close upload popup when responsive design is on

When responsiveness is enabled on the site, I can’t upload or even close the image upload dialog due to unscallable nature of the upload popup. Here’s the screenshot: “Add image” and “close” ...
10
votes
0answers
82 views

Too many hamburgers and not enough space for icons

This is how the new responsive design looks on a narrow screen when you have a lot of stuff going on in the top bar: This is how it looks when you narrow the screen a bit: The help and the review ...
10
votes
0answers
67 views

Rendering bugs with smart quotes in default font stacks

SUMMARY: The default font stacks using the old 1990s Microsoft fonts don’t work well because of collisions with smart quotes. Those font stacks all need adjusting, and quite possibly should be served ...
10
votes
0answers
49 views

Helpful sidebar content is down below

Currently, when the window becomes too narrow, the whole right sidebar is just appended below the whole main column. That is bad for two reasons. Parts that are immediately related to the top and/...
8
votes
0answers
40 views

Editing the duplicate list doesn't really work on mobile with the new responsive design

When trying to add a duplicate target to a closed question on my iPhone, I'd like to paste a URL in the box where you're supposed to 'search, or enter a question link or numeric id'. However, the ...
8
votes
0answers
74 views

Responsive design on a phone indents posts and comments too much

This is what a question on MSE looks like on my phone, with left nav turned off: For comparison, here is what a question from a site that doesn't yet have the responsive design looks like: Long ...
7
votes
1answer
106 views

No “back” to translate

On the ask question page for the responsive view the word "back" is not available to translate for use on international sites. Here is the screenshot of English based site to clarify: To see this ...
7
votes
1answer
100 views

Is there a way to disable responsiveness network-wide? (If not, can we add one?)

In the footer, there is a "Disable Responsiveness" link that toggles responsiveness on the current SE site: But I don't like responsiveness and would prefer to disable it across the entire SE network,...
7
votes
1answer
96 views

Move side widget “Help improve the site” to the bottom of the review queues on smaller screens

When viewing the /review page on smaller screens, the "Help improve the site" widget, normally shown as a side widget on the right, is now shown above the review queues themselves. Can it please be ...
7
votes
1answer
65 views

Responsiveness breaks image proportions

When responsiveness is enabled and page width is small enough the image proportions are broken: This behavior also affects both SE apps: Android and iOS. But in case of app you can’t disable it.
7
votes
1answer
117 views

Allow users to use responsive theme on all sites while logged in on a mobile browser

I (like many SE users) prefer the new responsive theme offered by SE as it has far more functionality and is simply more appropriate for my needs. However I must manually scroll to the bottom of each ...
7
votes
0answers
37 views

Revisit the decision not allowing to create tags from mobile

You can't create tags when using the mobile version of the site; when you attempt to do so, you're greeted with the following error message: New tags cannot be created from the mobile site. The tag ...
7
votes
0answers
46 views

Cannot view “Delete this answered question?” dialog on small screens

I thought about deleting a question recently, so I clicked the delete link. The Delete this answered question? dialog appeared, but it was not entirely visible on my small iPhone SE. Worse, I ...
7
votes
0answers
28 views

Please display editor and poster flairs side by side on smaller screens

This is the normal situation: This is the situation on screens 965px or less: However, we still have a large gap where these could fit, and it pushes the content down. I would prefer it if ...
7
votes
0answers
67 views

Tracking set too tight on uppercase text-transform CSS

You have a bunch of CSS elements that include: text-transform: uppercase But you are not correcting the letter-spacing at the same time — and under your setup, you need to. That’s because normal ...
7
votes
0answers
65 views

Make “Disable Responsiveness” persistent even when cookies are cleared / not allowed

Please add an option to make the "Disable Responsiveness" button persistent At the moment it seems to rely on cookies set in the browser. This means that the setting is lost if cookies are cleared or ...
6
votes
1answer
96 views

Will Area 51 Discussions be getting a responsive design?

It's been said already that due to the age of Area 51's code base, it will not be affected by the upcoming design changes. However, the Area 51 Discussions site runs on a more modern code base, the ...
6
votes
1answer
84 views

Horizontal scrollbar on responsive sites I don't belong to

On sites that allow you to post an answer without logging in I get a horizontal scrollbar even when the site has a responsive design, probably due to the sign up/login boxes: Example links to sites ...
5
votes
0answers
42 views

Suggested edits view only partially visible when using “Full site” in mobile

Although the review queue works fine, if I try to review a pending suggested edit by visiting the post and then clicking on edit(1), the view for the review is only partially visible. I cannot ...
5
votes
0answers
21 views

Display post asked/viewed/active info directly beneath the question on mobile

When I mention asked/viewed/active, I mean this little bit seen at the top of the sidebar: This information can be substantially relevant for people dropping in to moderate or curate a question. ...
5
votes
0answers
62 views

Site analytics looks broken: “responsiveness” and “yandex.rug.stackexchange.com”

I noticed some problems on the site analytics page. I saw these problems on ELU, but they could happen anywhere. First of all, the page is "responsive", which apparently means that as the browser ...
5
votes
0answers
52 views

The “choose a template” modal for moderator messages is obscured on my mobile browser

If I attempt to create a Moderator Message ("contact user privately") in my mobile browser (Chrome on Android) for Mi Yodeya, with the new responsive design, the modal that allows me to pick a message ...
5
votes
0answers
34 views

Cannot edit leftmost tags on a mobile device in the new responsive design

When I'm on a mobile device with a narrow viewport, I am unable to edit or remove tags that are on the left hand side of the tag edit bar. I am only able to reach the rightmost tag or, if it's short, ...
5
votes
0answers
47 views

Too much horizontal space on mobile

On a mobile device, the responsive design mostly fits a single page, but the "Post as guest" pushes out and increases the horizontal space for the whole page. In the image above, the red line is ...
4
votes
1answer
86 views

top bar is clipped, hiding site switcher, on non-responsive pages with new design

The new top bar adjusts to the window size instead of clipping important stuff off to the right in smaller viewports. However, on sites with the new responsive design, individual pages that aren't ...
4
votes
1answer
64 views

Question filtering menu displays partly off small screens

While using the Chrome browser on my iPhone SE, I noticed the question filtering menu displayed partly off the screen. Then I repro'd this behavior on my laptop using Chrome and reducing the ...
4
votes
0answers
34 views

The share link dialog box appears partly off a small screen

While using the Chrome browser on my iPhone SE, I clicked "share" to get a link to a post. I noticed the share dialog box appeared halfway off the screen. Then I repro'd this behavior on ...
4
votes
0answers
36 views

Answer count is not aligned horizontally in responsive design

In case of the existence of answers for questions in responsive design the middle block text is slightly (~2px) shifted to the bottom: This makes me nervous.
4
votes
0answers
14 views

Show “edited” in one line with “posted” if possible in responsive design

I just noticed on my iPad, that “edited” block is displayed above the “posted” block in case of responsive design: In old (normal) style both items are displayed in single line: As you could ...
3
votes
2answers
39 views

How to show only new questions (with the new responsive theme)

As an administrator, I want to see all new questions that are posted to the site. Starting from the site's homepage https://softwarerecs.stackexchange.com, how do I show only new questions, in as few ...
3
votes
1answer
79 views

Why doesn't the site banner support zooming?

I understand that a common feature like zooming can be complicated enough to be not supported, but why can't the site banner zoom too? If the black top bar can be made screen-fit, and the fact that ...