I would like to make a user script to disable the responsiveness on stackexchange 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:

I looked into the css file and I think the problem start when the pages becomes 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:

Anybody knows how to fix this?

Browser: Firefox 102 ESR Userscript manager: Tampermonkey 4.18

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:

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:

Anybody knows how to fix this?

Browser: Firefox 102 ESR Userscript manager: Tampermonkey 4.18