How to make dropdown menu in 2 columns on the website?

I need to make dropdown menu in 2 columns on the website https://onlinehd1080.ru. Prescribed class, but nothing has changed. Where I went wrong?

.dropdown-menu {
column-count: 2 !important;
}
April 19th 20 at 12:09
2 answers
April 19th 20 at 12:11
Solution
.dropdown-menu {
display: table-column!important;
column-count: 2;
}
Added code in this format does not work. Checked in different browsers and different systems, it is not in the cache. - Theodore36 commented on April 19th 20 at 12:14
@Theodore36,
img
5e97128e5477f501087641.jpeg
- Tomas.Bogan commented on April 19th 20 at 12:17
@Tomas.BoganVia inspect element it works, when you add a style class in css file of the theme is not working. - Theodore36 commented on April 19th 20 at 12:20
@Theodore36, then cached on the server, change the css and leave so for some time, perhaps it updated itself, or check on localhost - Tomas.Bogan commented on April 19th 20 at 12:23
April 19th 20 at 12:13
All you have running:

screenshot
5e970ba65837c047563986.png


Even so works without !important:

.dropdown-menu {
column-count: 2;
}


I think you styles are interrupted or something like that.

I advise you to read this article.
Using inspect element it works, when you add a style class in css file of the theme is not working. - Theodore36 commented on April 19th 20 at 12:16
@Theodore36, then Yes, it's in the styles. Check the styles, probably some mistake.

And I recommend to abandon this style:

.navbar-default .navbar-nav li.dropdown:hover > .dropdown-menu {...}


If not today, then tomorrow or after a certain time, you yourself will not notice how you have broken everything. Review of BEM and other appropriate methodologies. Such nesting is ruining the project.

If this property is not mastered, you can try using flexbox, but it is surprising that this property works, but not from you. Check styles. - luisa.Kertzmann81 commented on April 19th 20 at 12:19

Find more questions by tags CSS