homepage Welcome to WebmasterWorld Guest from 54.197.215.146
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Navigation Menu Issue with Firefox
Displays incorrectly on first load, displays correctly on refresh
mrylande




msg:4646930
 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>

Thanks!

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]

 

lucy24




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

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.

drhowarddrfine




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

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.

mrylande




msg:4647217
 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?

drhowarddrfine




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

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.

mrylande




msg:4647235
 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved