Hello, As as you can see in the picture blow we use latest posts and categories view on our home page, what i need to know here is the best way to reduce the width of the categories column and make posts column wider to the right [image] Thanks in advance

This CSS should get you started .categories-and-latest { flex-flow: row; div.column { flex: 1 1 75%; &.categories { flex: 0 1 25%; } } } Adjust the 25% until the categories column is your desired width. The other column will fill the remaining space. To explain how the flex layout works a bit more… the shorthand is: flex: grow shrink basis; grow: a non-zero value allows the div to grow to fill the space available, 0 will prevent this behavior shrink: a non-zero value allows the div to shrink to fill the space available, 0 will prevent this behavior basis: essentially it’s the width (or height) the div starts off at before growing/shrinking More in-depth explanations from MDN

[image] awesomerobot: This should get you started .categories-and-latest { flex-flow: row; div.column { flex: 1 1 75%; &.categories { flex: 0 1 25%; } } } The above goes to CSS?

Yes sorry, should have noted that it’s CSS.

the 25% is not enough, how i can go further ? i mean the 25% is the maximum i can shrink the column, i need to shrink it more.

ah, there’s also a minimum width set… so you can override that and then if you decrease the 25% it should be narrower. .categories-and-latest { flex-flow: row; div.column { min-width: unset; flex: 1 1 75%; &.categories { flex: 0 1 15%; } } }

Reducing the width of category Column

Product Support

Jay91 (Jay Abie) April 1, 2019, 6:37pm 5

Much appreciated, worked like charm.

Topic		Replies	Views
How can I change the latest posts thing width in the front page UX	1	735	November 3, 2018
Categories Plus Latest Layout How to Use Full Screen Width? Development css	3	261	September 23, 2026
Re-arrange Categories View Product Support	4	779	January 12, 2020
Can we arrange the subcategories like this? Development css	8	509	June 18, 2024
Forum remove fixed width Product Support	7	664	April 8, 2021

Reducing the width of category Column

Related topics