Title: [Plugin: JQuery Mega Menu Widget] Problem with generated CSS for class="sub-container non-mega& Last modified: August 20, 2016 --- # [Plugin: JQuery Mega Menu Widget] Problem with generated CSS for class="sub-container non-mega& * Resolved [Gawain Lynch](https://wordpress.org/support/users/gawain/) * (@gawain) * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/) * I’m having a problem where the second level menus get further away from the top level alignment, as you go left to right. * For example, the first top-level menu item’s submenu looks like: `
` * The second top-level menu items’s submenu (note that “left:124px”): `
` * Finally, the third top-level menu items’s submenu (note that “left:228px”): `
` * Any ideas? * [http://wordpress.org/extend/plugins/jquery-mega-menu/](http://wordpress.org/extend/plugins/jquery-mega-menu/) Viewing 8 replies - 1 through 8 (of 8 total) * Plugin Author [remix4](https://wordpress.org/support/users/remix4/) * (@remix4) * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912133) * Hi, * The sub-menu position positions itself so its centered on the parent menu item. You can choose the full width option if you want the sub-menu to expand across the entire menu width * [Keryn](https://wordpress.org/support/users/b-summers/) * (@b-summers) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912163) * I am having this same issue. Gawain, did you ever find a solution? * I find it works fine, until you either change the font, or the font size, then it get’s all wacky. Which is kind of stupid if you ask me. I do not want my sub menu the entire width of the menu. * Thread Starter [Gawain Lynch](https://wordpress.org/support/users/gawain/) * (@gawain) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912164) * No, I just used another menu… I gave up a couple of days later as I was able to drop in another plugin that worked out of the box (albeit not as sexy as this one). * [Keryn](https://wordpress.org/support/users/b-summers/) * (@b-summers) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912165) * What was it called just out of curiosity? * I ended up just overriding the element style in css for each one individually. A really shitty fix, but it’s all I could come up with for now * ``` #dc_jqmegamenu_widget-2 #menu-item-207 div.sub-container[style]{ left: 45px !important; } ``` * [new7](https://wordpress.org/support/users/new7/) * (@new7) * [13 years, 6 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912202) * You can open the .css file in the plugin folder and find the line: `#dc_jqmegamenu_widget-% ID%-item ul li .sub-container` * add to _margin-left: -3px_ **!important** so it looks like `margin-left: -3px! important;` * Visit [http://thecornerstone.de](http://thecornerstone.de) to see it working * [webbnos](https://wordpress.org/support/users/webbnos/) * (@webbnos) * [13 years, 5 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912203) * Hi folks. * I’m having the same problem and getting really frustrated to the point where I just want to give up, which would be a shame as the rest of the site is going ok (my first custom WordPress theme created using the Starkers framework). * Basically, I have the same trouble – the dropdown menus are 301px to the right of the parent item. I can’t find this value anywhere in the css so assume its being applied by the js. Has anyone else managed to get this working? I’ve tried b-summers and new7’s suggestions but I can’t get either to work. * Thank you in advance. * [webbnos](https://wordpress.org/support/users/webbnos/) * (@webbnos) * [13 years, 5 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912209) * Hi all. * Just in case anyone finds this thread whilst having the same problem – I worked it out to be a reset in the style.css (I started the project using the starkers theme). * The reset in question was this part; * ``` div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } ``` * In my case it was li {postion:relative;} that was causing my menu not to display where it should. I used /* */ to remove it. (I’m new to this so i tend to remove parts of code using /* */ so I can see what I’ve done! * Hope this helps other folk. * [slyguy67](https://wordpress.org/support/users/slyguy67/) * (@slyguy67) * [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912214) * [@webbnos](https://wordpress.org/support/users/webbnos/) – Thank you! This was my issue too. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘[Plugin: JQuery Mega Menu Widget] Problem with generated CSS for class ="sub-container non-mega&’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/jquery-mega-menu_e7e7e7.svg) * [JQuery Mega Menu Widget](https://wordpress.org/plugins/jquery-mega-menu/) * [Frequently Asked Questions](https://wordpress.org/plugins/jquery-mega-menu/#faq) * [Support Threads](https://wordpress.org/support/plugin/jquery-mega-menu/) * [Active Topics](https://wordpress.org/support/plugin/jquery-mega-menu/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/jquery-mega-menu/unresolved/) * [Reviews](https://wordpress.org/support/plugin/jquery-mega-menu/reviews/) * 8 replies * 6 participants * Last reply from: [slyguy67](https://wordpress.org/support/users/slyguy67/) * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-jquery-mega-menu-widget-problem-with-generated-css-for-classsub-container-non-mega/#post-2912214) * Status: resolved