Mega menu css conflicting with theme CSS
Permalink Browser Info Environment
I have a site athttp://concrete.lifestylerevolutionstx.com/... where my mega menu is conflicting with styles in the site template. There is a problem with the submenu for the "Fitness" parent menu item. When there is a submenu within a submenu, the add on uses the class "row" to organize the list items, which is also used in my theme, causing the menu to adopt these unrelated styles. Where can I change the name of the class from "row" to something else? Is there a better way to reformat these items? Thanks!
Type: | Discussion |
---|---|
Status: | New |
Thanks for the quick response! So what changes did you make in the CSS? I suspected that it was possible that .row was not the issue. What I really want to figure out, though, is how to put all the menu items in line. I just want them to look the way they would look if there was not a second submenu level. Thanks!
Hi
I've just used Chrome's developer tools to tweak your css and the changes were pretty much everywhere in your css file. I just did random tweaks just to make sure the .row wasn't the problem. However, since it's a big work and it involves your theme we can offer you customisation service for your theme.
JZ
I've just used Chrome's developer tools to tweak your css and the changes were pretty much everywhere in your css file. I just did random tweaks just to make sure the .row wasn't the problem. However, since it's a big work and it involves your theme we can offer you customisation service for your theme.
JZ
CSS conflicts is inescapable especially in Concrete5 because there exists many blocks that might conflict with each other. But the row class used in Mega Menu should take priority and is only applied to MM. If you use the pre-built skins it also uses the row class however you'll notice that the row class doesn't get conflict with the theme. I tested it and it seems that your custom css is causes that which you have encountered I played through and got the correct result without modifying the row classhttp://screencast.com/t/hsXCWXdNPk8n...
JZ