I would like to make a user script to disable the responsiveness on Stack Exchange sites. My main reason is that I would like to resize my browser to half my screen size (705px) and still get the question list in the normal layout with the question statistics (votes, answers, views) on the left site and not at the top:

enter image description here

I looked into the CSS file and I think the problem start when the pages become narrower than 816px. So I tried to modify this answer https://stackoverflow.com/a/18928044 to the following user script:

// ==UserScript==
// @name     disable responsivness
// @match    https://meta.stackexchange.com/questions/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @grant    GM_addStyle
// @grant    GM_xmlhttpRequest
// ==/UserScript==

var badCSS = $("link[href*='global-cdn-']");
var badURL = badCSS.attr ("href");

badCSS.remove ();

GM_xmlhttpRequest ( {
    method:     "GET",
    url:        badURL,
    onload:     function (rsp){
        var betterCSS = rsp.responseText.replace (
            /max-width:816/g, "max-width:100px"

        GM_addStyle (betterCSS);
} );

However I still get this layout:

enter image description here

Anybody knows how to fix this?

Browser: Firefox 102 ESR Userscript manager: Tampermonkey 4.18

  • SE also applies some of their responsiveness with JavaScript. You'll need to handle the changes which SE's JavaScript makes. As I recall that's primarily in StackExchange.responsive. You'll need to reverse engineer the breakpoints which get added and/or block the breakpoints from being added with StackExchange.responsive.addBreakpointListener().
    – Makyen
    Oct 24 at 17:16


You must log in to answer this question.

Browse other questions tagged .