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;
}
.dropdown-menu {
column-count: 2 !important;
}
asked April 19th 20 at 12:09
2 answers
answered on
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 
- 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
answered on April 19th 20 at 12:13
All you have running:
Even so works without
I think you styles are interrupted or something like that.
I advise you to read this article.
screenshot
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. 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:
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. commented on April 19th 20 at 12:19
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. commented on April 19th 20 at 12:19
Find more questions by tags CSS