How can I adjust the width of Discourse so it is responsive and uses the full width on a wide screen monitor? I do not necessarily need a completely new theme; rather I simply want the equivalent of setting CSS width to 100%.

In this case you should use media query. You can see the CSS on this topic as example Customize the 404 page ("Oops! That page doesn't exist or is private")

Thanks for the reply I apologize if this is very basic - is there a source somewhere with basic CSS examples? In this case the CSS below is apparently invalid - where and how would I set max-width to be 100% for the whole site? [image]

The CSS is invalid because there is no target for your rule. [图片] rkaplan: is there a source somewhere with basic CSS examples? What you can do is search this site and see what other users have changed before you. However, what you want to do is not so simple. You can try to learn the basic…

Just be aware that using full width on desktops is a bad idea: [图片] Readability: The Optimal Line Length – Baymard The length of text lines substantially impacts their readability — yet this is often overlooked in e-commerce. See our latest test findings on line length readability. …

Thanks Rafael. In general, I agree with you. But it depends on the content. My workstation has six 4K monitors - which are very helpful for immediate access to details as I read/write, if the information is organized in a readable way. For example, when scrolling through a large set of academic …

[图片] rkaplan: That said, can I ask how you adjusted Discourse to show content so wide? You can force a full responsive mode by setting your User Agent to a mobile one. I did it using the responsive tools in Firefox Devtools, but any user agent changer will work. You can also append a query s…

[图片] Falco: You can also append a query string like https://meta.discourse.org/?mobile_view=1 (Open this in a new tab) Ahah! Stupendous - huge thanks I see that I can also set the responsive mode on or off with /?mobile_view=1 vs /?mobile_view=0 so I can implement that into the menus on m…

One issue with the mobile view is that it also simplifies other elements, e.g. now you have to open the dropdown to access the categories link, and you cannot make the reply form bigger, and it has no live preview. But other than that seems good enough for someone who really needs it for some reaso…

如何使宽度具有响应性？

支持

rkaplan 2019 年1 月 11 日 19:41 8

That said, can I ask how you adjusted Discourse to show content so wide?

RIght now if I enlarge a window to full size this is all I get:

话题		回复	浏览量
I need to make a responsive width Support	1	791	2019 年1 月 30 日
[Hiring] Help edit basic theme to be responsive for wide width Marketplace	1	977	2019 年1 月 11 日
Full width responsive or adjustable width of the default Discourse theme Support	1	612	2021 年10 月 19 日
Discourse with a very widescreen browser UX	2	2087	2016 年10 月 14 日
How to do Fixed width of discourse theme, No mobile view? [paid] Marketplace	7	1917	2017 年6 月 8 日

如何使宽度具有响应性？

相关话题