This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

browser display - top menu bar not scrolling with rest of page

  • 4 replies
  • 1 has this problem
  • 1 view
  • Last reply by mewins

mewins
mewins
more options

Hello, I update Wordpress pages on downtownlanguages.org. The past couple of days, the site's top menu bar covers up the page headings on all the pages and does not scroll with the rest of the page. I don't know if this is a Firefox problem or a Wordpress problem. The pages display correctly in MS Edge and on my iPad. To my knowledge, I've done nothing in WordPress to cause this to happen. I have refreshed Firefox and cleared startup cache but it did not resolve the problem. Please help. Thank you! See https://downtownlanguage.org/donate for an example.

Hello, I update Wordpress pages on downtownlanguages.org. The past couple of days, the site's top menu bar covers up the page headings on all the pages and does not scroll with the rest of the page. I don't know if this is a Firefox problem or a Wordpress problem. The pages display correctly in MS Edge and on my iPad. To my knowledge, I've done nothing in WordPress to cause this to happen. I have refreshed Firefox and cleared startup cache but it did not resolve the problem. Please help. Thank you! See https://downtownlanguage.org/donate for an example.

Modified by mewins

All Replies (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

This happens for me if the Firefox window is beyond a specific width and the layout changes from mobile layout to desktop layout and the three bar menu button is replaced by an horizontal menu bar with labels. You can verify that by making the Firefox window smaller or by zooming the page. So this is caused by the style sheets that are used and the @media rules for various screen widths.

mewins
mewins Question owner
more options

Yes, changing the window size fixes the problem for the page I'm on, but when I go to another page, I have to resize the window again to get it to display properly. I haven't made any changes to the site's style sheets, so don't know why this is happening all of a sudden. Maybe there was a Wordpress update? I'll check with our webhost. I didn't set up the style sheets and really don't know much about them. Thank you, core-el.

music9
music9
more options

Yes, same problem here with Firefox 84.0.2 on a Mac platform (Big Sur). Just recently, Wordpress top menu does not "stick" while scrolling down. This is the only browser with this issue. I tried resizing the page, then refreshing the page... but it only works temporarily. Some weird interaction with Firefox.

Modified by music9

mewins
mewins Question owner
more options

music9 - We use Divi themes for our website. My web guy says there is a setting in Divi themes to turn Fixed (“sticky”) Menus on or off. Turning them off fixed my problem. Perhaps changing that setting in whatever theme you use will fix yours as well. Good luck.