not working

Do you have a demo site to see the results? What exactly means “never worked”? Your theme seems not to be available in the WordPress repository.

If there is not enough room to have multiple columns, the layout will fall back to a single column as I don’t use a table to force multiple columns, just multiple UL elements with display:inline-block to make them position next to each other.

But this is intentional, so the categories will still be visible on smaller screens.

I mean all categories show up in one column ,
I think there is enough space, because Iam using php code that show 2 column and it is working well.
sorry that I don’t have a demo. but I am using the Ribbon template in my production blog.

Sorry – but without a working example or availability of your theme in the WordPress repository it’s hard to check the (possible) problem and I don’t want to register just to download the template from your site.

But I still assume it’s generally a layout problem due to limited space. The standard WordPress “Twenty Fourteen” theme has the same limitation. As an example see https://arnowelzel.de/wpdemo/ and set the browser to just zoom the text only (e.g. in Firefox with View -> Zoom -> Zoom Text Only) and then play around with different text sizes. At a certain point only one column of categories will be displayed, even though two columns will fit, if the text is small enough.

ok I activated the plugin temporarily This is the website al3arabiya.org

It seems, that the multicolumn widget styles don’t get used at all. I’m not sure, what’s wrong with this template – but something is weird.

This is the code I see:

<li class="widget widget-sidebar" id="multicolumncategorywidget-2"><h3>Categories</h3><ul class="mccw-col-first mccw-col-1">

But there should also be the class for the widget and not just “widget widget-sidebar”:

<li class="widget widget-sidebar widget_multicolumncategorywidget" id="multicolumncategorywidget-2"><h3>Categories</h3><ul class="mccw-col-first mccw-col-1">

See https://arnowelzel.de or https://arnowelzel.de/wpdemo as comparison.

Addition:

After reading https://codex.www.ads-software.com/Function_Reference/the_widget it’s clear, that the_widget() in the WordPress core will always add the widget CSS class as well.

So either the template or some plugin changed the behaviour of the WordPress core, so only “widget widget-sidebar” will be output in the “class” attribute – and this is not correct.

Since this is not a bug in my widget but in the template you use (or some other plugin – I don’t know), I will close this topic for now.

As a workaround: You can change the widget CSS rules to be global rules and not specific to the multicolumn category widget itself – just remove .widget_multicolumncategorywidget from frontend.css, then it should be displayed properly:

ul.mccw-col-first {
	display:inline-block;
	vertical-align:top;
	padding-right:2em;
}
ul.mccw-col {
	display:inline-block;
	vertical-align:top;
	padding-right:2em;
}
ul.mccw-col-last {
	display:inline-block;
	vertical-align:top;
}
.postcount {
	font-style:italic;
}

Anyway – fixing the bug in the template (or the other plugins used) would be the better solution, since I can not guarantee that these CSS classes are not being used somewhere else in your template as well.

thanks for your time and the clarification, I appreciate your efforts.

yes it works now, Thank you so much
Rated 5/5 ??

Just don’t forget to record this change somewhere (or put the styles somewhere else where they will not get overwritten). If the widget ever gets updated you have to do this manual modification again, since an update will alway overwrite modified CSS files.

yes I took note and added it in css child theme