Adjusting widths on categories page


(Matt walter) #1

Hi there

Im wondering where in the code on a discourse site I can adjust the “width” of the all category section… to make it wider…

See attached as to what Im referring too…

Thanks


(Dave McClure) #2

In Admin > Customize > CSS/HTML, you can edit the CSS for that class, eg:

.category-dropdown-menu {
    min-width: 200px;   
}

(Matt walter) #3

Cool that worked great… except one thing… the txt didnt follow with the width…

See attached… any ideas?

thanks


(Simon Cossar) #4

Try this:

.list-controls .category-dropdown-menu .badge-wrapper.bullet .badge-category {
    max-width: 100%;
}

(Matt walter) #5

Perfect that worked, thanks a lot for everyones help


(Alexander) #6

Thanks from me too! :wink: Can it be done exactly the same with dropdown hamburger menu?


(Simon Cossar) #7

There is some info in this topic about how to do it: