Hi all! I want to remove the fixed width size and replace it with a percentual value. How can I do this? I tried so many things out but none of them worked. Here are two images how it should be at the “homepage”. [Discourse_scss] And here inside a topic. [Discourse_Topic_scss] So who can give me a hint or directly the code for it? I would be very grateful!

By column width First we need to redefine display: flex;: .categories-and-latest { display: block; } and then, set the width: .column.categories{ width: 40%; float: left; } [discourse] This is only as a sample. You may have to grab the previous div and take care of the screen width. I have no idea what will happen on mobile devices, and it will require adding more css. Pay attention to: display: flex;. Perhaps there are difficulties in this.

Thank you! What I’m looking for is the css selector for the default width. I’ve tried .wrap and many others, but none worked. I got them with the inspector.

[image] daemon: I’ve tried .wrap and many others, but none worked. I got them with the inspector. Tried using for .wrap max-width: 100%; and width became 100%

If I do this only the header and the footer are 100%. Am I missing something? EDIT: I checked again and insert #main > div #main-outlet { max-width: 90%; width: 90%; } but as you can see in the screenshot it gets overwritten from theme_11.scss and I don’t know why. [Discourse_css]

Try this option. .categories-and-latest { display: block; } .wrap { max-width: 90%; width: 90%; } .categories-and-latest div.column.categories { width: 40%; float: left; }

It’s the same as above, it gets overwritten from theme_11.scss. It’s really annoying because it worked once but now not anymore. Edit: It’s one of the theme components, I have to figure which one. Got it, it’s the offical “Easy responsive footer”. After removing it the site changed to 90% width. Maybe @Johani can have a look at it because I would like to have the footer again. Edit2: And “Versatile Banner” is “corrupting” the width changes. Maybe @tshenry can have a look, too?

Forum remove fixed width

Product Support

Stranik (Evgeny) April 8, 2021, 11:14am 5

Tried using for .wrap

max-width: 100%;

and width became 100%

Topic		Replies	Views
Reducing the width of category Column Product Support	6	778	April 1, 2019
Hiring - Fix theme issues and homepage modification Marketplace	1	1114	October 23, 2018
CSS for global responsive width Product Support	3	773	February 21, 2019
Categories Plus Latest Layout How to Use Full Screen Width? Development css	3	252	September 23, 2026
Extend the text width in the category banner Development category-banners	1	168	May 2, 2018

Forum remove fixed width

Related topics