Forum management
- Threads started by me
- Threads I participate in

Developer forum

Sub menu in Edge shows dots

Manon Wekking

Posted on 02/10/2018 14:16:34

Hi,

If we navigate to the sub menu in Edge, we see dots for every sub page. See the attachment and you can see is on http://gbtwente.azurewebsites.net/ when you hover over home --> toptaken.

Is there a setting to fix this?

BR,

Manon

Replies

Karsten Thuen

Posted on 02/10/2018 14:29:28

Hi Manon

I can not re-create this bug, using your site in Microsoft Edge. And therefore it is a little hard for me to give you a good solution. But maybe this link will help:

https://stackoverflow.com/questions/20356311/internet-explorer-11-ignores-list-stylenone-on-the-first-load

Best regards
Karsten Thuen

Nicolai Pedersen

Posted on 02/10/2018 14:44:19

This post has been marked as an answer

It is a known bug in Edge/IE 11.

You might be able to add this to your custom css:

.menu ul {
    list-style: none;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.menu li {
    float:left; 
    width:100%;

    a {
        float: left;
        width: 100%;
    }
}

Votes for this answer: 1

Manon Wekking

Posted on 02/10/2018 15:09:48

Hi Nicolai,

I first added the two parts to the ignite.css and the ignite.min.css but then the menu got more worse. Now I deleted the second part and it works fine:).

Thank you!

Will this be added in the next version?

BR,

Manon

You must be logged in to post in the forum