27

We've been actively working to make Stack Overflow and network site pages responsive. As a part of that effort, we have now turned on responsive for anyone who is in a Stack Overflow team. This is a work in progress and this step is a part of our effort to validate our significant changes to page layout code.

Browsing the site for information will be improved on smaller viewports. See this example to see how a question page would look at different viewports. However, since not all pages are responsive yet, asking a question and many moderator or review activities will not work well and you'll need to expand the window.

What does this mean for you?

  1. If you're not in a team, then no change.

  2. If you're in a team, not all pages are responsive, but many are. See the list below for more details.

  3. Only Stackoverflow.com is affected for now. MSO and other network sites will NOT be responsive.

  4. The changes are most obvious on smaller view ports. You'll start seeing changes under 1200px.

  5. If you like to use full screen windows on higher resolution displays, then things will look unchanged. There is a max limit for the width of the content area. This maintains reasonable line lengths for readability.

  6. If you find a bug that you think is connected to this change, then post it to meta with a full description and image. Include the browser you're using and tag the post and ).

  7. If the bug is serious and makes it difficult to use the site, then you can disable responsive on your device by clicking "Disable Responsive" in the footer.

Responsive pages or elements

  • Question pages
  • Question lists
  • Users and tags lists
  • Search results
  • Privileges
  • Help center
  • Top bar and footer
  • and a few other miscellaneous pages

Non-responsive pages

Pretty much everything else is non-responsive. This includes Ask a Question, profile pages and most moderator and review pages.

Next steps

We are working on making Ask a Question and some of the other pages responsive. Later this month we will turn on left nav and responsive design on for all users on MSE. This will extend the testing and will allow more people to provide feedback.

10
  • Shouldn't this be featured? It seems rather important to me.
    – MEE
    May 11, 2018 at 8:27
  • @MEE The number of users actually impacted is somewhat small for now since it is limited to teams users. When we push to MSE later this month that will definitely be featured.
    – Joe Friend
    May 11, 2018 at 8:30
  • Ok, I understand. Probably we need a new mod-only tag on StackOverflow [team-featured] for posts only featured for team users. ;). And it will probably be hot soon so that this would be seen by team users anyway
    – MEE
    May 11, 2018 at 8:32
  • 6
    +1 for the work put in it. Kudos to the team.
    – rene
    May 11, 2018 at 8:52
  • 1
    I read "and most moderator and review pages." ... and then I continue to read "on making Ask a Question and some of the other pages responsive" ... I hope the mod pages are included, fingers crossed. thanks for this!! May 11, 2018 at 12:25
  • 1
    @BhargavRao ultimately they will be included, but not sure yet on the timing. So many details to work out.
    – Joe Friend
    May 11, 2018 at 14:09
  • Was the target audience of "people in teams" chosen specifically to make the number of people small for now?
    – DavidG
    May 12, 2018 at 1:40
  • @DavidG While responsiveness is nice for everyone, it is critical when the left nav is enabled. Teams users are the only people who are currently seeing the left nav, so they are the first group to see responsive. Both left nav and responsive will be flighted on MSE later this month for broader review by the community.
    – Joe Friend
    May 14, 2018 at 15:29
  • Ah yes, that makes a lot of sense. I look forward to seeing how it looks when we get to test it out!
    – DavidG
    May 14, 2018 at 15:33
  • Thanks for this information. I hope that moderator functions will work before the rollout moves beyond SO (where mods are already affected) and MSE (where there are no mods). Jun 5, 2018 at 12:45

1 Answer 1

3

Is it possible to fix the left sidebar's position? That's pretty standard for left sidebars.

Changing the css with

#content {margin-left:200px;}
.left-sidebar {position: fixed;}

works for the homepage, but moves and distracts the whole content on sites where SO doesn't follow the homepage's design.

1
  • It's unlikely that the left sidebar will currently be too tall for anyone but there's a good chance, if they keep adding things to it, that it will eventually require page scroll to view the entire thing on smaller screen formats.
    – Catija
    May 17, 2018 at 2:11

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .