Docs

[mathruD]

I’m having an issue with my navigation dropdown menu arrow briefly loading as a square, before switching to the double arrow, when loading a new page within the site. The also causes the navigation text beside the arrow to jump. In this case, the browser I am using is Firefox. The attached screenshot shows what I mean. How do I avoid this happening? I want the dropdown arrow to load with everything else.

Also, that same dropdown menu is giving me a CSS issue. Whenever I hover over a main navigation link, I have the solid bar above it set to be a light blue. However, if I hover over any of the dropown navigation links, that same bar turns red. I have looked everywhere in the existing CSS to find the line of code that is controlling the red bar, but I can’t seem to find it.

[mathruD]

This reply has been marked as private.

[Jade]

Hi there,

I have checked your page but I can’t seem to replicate the issue.

Would you mind trying to clear your browser cache and try again?

[mathruD]

I know it’s been a while since I responded to this, but I’m still having the same issue. The cache has been cleared, but when the page loads, a small square flashes before the arrows show up beside “Products.” It seems that this is only happening in Firefox.

[Rue Nel]

Hello There,

Thanks for updating this thread! Please keep in mind that it takes a few milliseconds to load the font awesome icons. This could be the reason why it takes longer to load in Firefox. Could you please use private browsing mode in Firefox and test your site again?

Please let us know how it goes.

[mathruD]

Same result in private browsing mode.

[Lely]

Hi There,

I can see the issue also on Firefox. But then again, as stated on the previous reply, this is because FONTAWESOME is not loaded yet. See this:http://screencast-o-matic.com/watch/cbnjjv6fno. It takes a while before it loads thus showing the square first.

[Author]

Posts