Perfect in Firefox and Chrome, problem with IE11

HI Lab Lover,

I see the same problem in IE9. Unfortunately IE is a pain to work with.. I can’t really see what’s wrong.

Under About Us, please could you enable the mega menu and add 3 empty text widgets? I’m trying to work out if the bullets are being added by the text widgets themselves, or the contents of the text widgets.

If you don’t see any bullets for each of the empty text widgets, please try adding this to the contents of one of the text widgets:

<ul>
    <li>There should only be one bullet</li>
</ul>

Regards,
Tom

Hi Tom, thanks for looking at the problem for me.

Here is what I have done and what happened.

1. Added three empty text widgets to “About Us”. Results in Firefox, Chrome and IE: Three empty bullets in the drop down panel.

2. I added the code/text from your post to one widget, In FF and Chrome, I see the text with one bullet as expected. I also see one empty bullet in each of the other widgets. In IE, I see three bullets and the text in the first widget and one bullet in each of the other two widgets. I have left this code in-place in case you want to take a look.

3. In an unrelated issue I also noticed the height of the menu bar in IE is almost double the height of the bar in IE.

Here is a clue that might help, when I first installed MMM, there were no bullets displaying at all so I copied your megamenu.scss to my child theme and made the following changes:

Line 80 list-style-type: disc;
line 86 display: list-item;

I am wondering if I changed the wrong elements?

By the way, have you ever seen this free set of online tools? I wonder if it might help? https://www.modern.ie/en-us

Thanks for your assistance.

Hi Lab Lover,

What happens if you delete your custom megamenu.scss file?

I think you’ll need to make sure your CSS is only applied to the li’s within the text widgets, not every li in the menu.

I spotted last night that the menu height was correct in IE, but it isn’t today, so please try reverting any changes you’ve made since then.

Regards,
Tom

Thanks Tom,

I renamed me custom scss file and saved the MMM settings. Now the menus look right in all three browsers except I have no bullets. Obviously I was responsible for the dog hair in the drying paint.

Now, my big question is, how do I get the disc bullets to appear? I can not add them individually as I am using the plugin “List-Category-Posts” to generate the list of posts in the mega menu.

Also, notice the bullet that was visible under “About Us” is gone now too.

Again, thanks for your help!

Peter

Hi Peter,

Please try adding this to your themes style.css file:

ul.lcp_catlist li {
	list-style-type: disc !important;
}

Regards,
Tom

Thanks Tom! Actually I needed to add one more rule to the CSS mod you provided above, now it works and reads:

‘ul.lcp_catlist li {
list-style-type: disc !important;
Display: list-item !important;
}’

Is MMM designed to bullet entries by default or does it default to no bullets?

Just out of curiosity, if I wanted automatic bullets in the “About Us” plain text menu items, how would I do that?

Thanks again!

Peter

Hi Peter,

It defaults to no bullets but maybe bullets should be included.. I’ll have to think about that!

Please try removing that CSS and replacing it with this:

.mega-menu-item-type-widget ul li {
    list-style-type: disc !important;
    display: list-item !important;
}

That will make all lists within widgets show bullets.

Regards,
Tom

YES! That is perfect! Tom, thank you very much! I honestly believe this plugin has the potential of becoming one of the most downloaded on WordPress!

By the way, I noticed the responsive mobile menu (with the lines) seemed a bit off center, as a result I added the following CSS, take a look, see what you think.

#mega-menu-wrap-main-8 .mega-menu-toggle + label:after {
    padding-left: 5px;
    padding-right: 5px;
}

Thanks again! I hope to not bother you further!

Peter

Hi Peter,

Good to hear that’s working! I will take a look at the responsive issue.

I will have some nice changes lined up for the next version. The current version is more of a ‘proof of concept’, the next version will be much more refined. No extra features just yet, but a cleaner interface that will let me add new features quite easily without adding too much confusion. In fact it should be a little clearer/easier to use than it is now. Keep an eye out for v1.4.

If you have a few minutes spare please consider leaving a review ??

Thanks
Tom

I am so enthused about this plugin, your teaser (above) almost has me drooling… ??

As for a review, great idea! I will get right on that!

Thanks for the review ??

Here is a preview: https://i.gyazo.com/36c704451d6ff3d6f0f5077610bffff2.gif

The animated gif goes by a little fast, but you can’t have too many customization capabilities in menus. You had better be careful, you are going to kill off Uber menu…… What a shame…. sniffle.