Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Navigation Menu Issue with Firefox

Displays incorrectly on first load, displays correctly on refresh



5:45 am on Feb 20, 2014 (gmt 0)

Hey everyone,

I am a very amateur web designer, who is also very new to CSS, so please be gentle...

I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices.

This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to a drop down menu, even though I am viewing it on a standard laptop, not a tablet or mobile device.

AND, as soon as I refresh the page, it displays just fine. And, as long as I don't clear my history or cache, it will continue to display just fine.

Not a "huge" deal, but super annoying that new visitors to my site who are using Firefox get this experience as their first experience.

I have studied my CSS code for hours, searched through countless numbers of CSS forums for help, tweaked every bit of code I thought was relevant, and I am completely baffled.

Maybe there is some sort of overstack issue occurring? Maybe not. Who knows - as I say, I am an amateur.

If anyone could look at my code and give me some help, I would be very appreciative.

My website is <snip>


PS: This is the first time I've not been able to solve a CSS or HTML problem on my own, so hopefully the answer isn't something ridiculously easy.

[edited by: DrDoc at 9:09 pm (utc) on Feb 26, 2014]
[edit reason] Use sample code, please [/edit]


10:01 am on Feb 20, 2014 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

Snap answer: 99 times out of 100, when Firefox behaves differently from other browsers it means there is a problem in the code and FF is actually doing what it's supposed to do. Is this the 100th time?

Does the problem occur in all copies of FF everywhere? I would not care to count how many problems turned out to involve caching of old material :( Especially if the problem lies somewhere other than the main HTML page.


6:31 pm on Feb 20, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

The class names are being changed on the menu with javascript in Chrome but not in Firefox so this is a coding issue, as lucy said, and not a Firefox issue.

OT-I manage a few theatre web sites in Chicago where my son manages one and acts, too.


6:41 pm on Feb 20, 2014 (gmt 0)

That's what I figured.

Umm... would anyone be so kind to glance over my code and see if they can find the error?

I'm a newbie, yes, but at least I'm attempting to be self-resilient, right?


6:53 pm on Feb 20, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Yeah, tried to do that while I had some time to kill waiting on someone, but wordpress has so much stuff going on that it's hard to figure out sometimes.


7:05 pm on Feb 20, 2014 (gmt 0)

I agree.

I used it as a jumping off point, and to help teach myself CSS, which having examples is helpful, but that now that I am getting a little more skilled, I'm finding all the extra "clutter" and "noise" makes editing tough.

Featured Threads

Hot Threads This Week

Hot Threads This Month