Menu icon Foundation
When hovered over the Top bar menu (without dropdowns) a white patch appears

I used the Foundation top bar to create the menu. None of the elements have drop downs. But if I hover over an item it will leave behind a white patch like this :

https://prod-foundation-forum.s3.amazonaws.com/uploads/part/part_image/38591/thumb_patch.jpg?AWSAccessKeyId=AKIAIUKFB6UHA2THJ52A&Signature=CxPcRqAqCczmaRa1UU%2BMX%2F1pi%2Bc%3D&Expires=1403872015

This only happens in Google Chrome and Opera (Tried in both Linux and Windows two different machines). When tried in Firefox it works fine! How to get rid of this patch?

Here's a link to the live website : http://secret-temple-3539.herokuapp.com/

PS : I think its something to do with links... Go to the link again and refresh... see. I have added some links at the bottom and when we hover them, again a big patch appears!

Patch

linktop-barpatch

I used the Foundation top bar to create the menu. None of the elements have drop downs. But if I hover over an item it will leave behind a white patch like this :

https://prod-foundation-forum.s3.amazonaws.com/uploads/part/part_image/38591/thumb_patch.jpg?AWSAccessKeyId=AKIAIUKFB6UHA2THJ52A&Signature=CxPcRqAqCczmaRa1UU%2BMX%2F1pi%2Bc%3D&Expires=1403872015

This only happens in Google Chrome and Opera (Tried in both Linux and Windows two different machines). When tried in Firefox it works fine! How to get rid of this patch?

Here's a link to the live website : http://secret-temple-3539.herokuapp.com/

PS : I think its something to do with links... Go to the link again and refresh... see. I have added some links at the bottom and when we hover them, again a big patch appears!

Patch

This post has been closed. No new replies can be added.

Pubudu over 5 years ago

I finally found the problem. Its in this piece of code :

#title{
    float: left;
    margin-left: -1000000000000000px;
}

When I remove that float, everything came back to normal. So I replaced the float with this position: fixed; and now everything works fine!