Menu items in top menu bar does not display correctly

[chendaniely]

I'm running Firefox 84.0.1 (64-bit) on Manjaro Linux using KDE
and the top menu bar for the data carpentry website does not toggle the navbar correctly as the browser window resizes horizontally.
This only happens on the DC website, not the SWC or LC websites.

when it's "narrow" (< 1027 pixels) the navbar correctly turns into the "hamburger" bar,

However, between 1027 - 1217 (inclusive) the "Home" to "For Instructors" options disappear, only showing "Sponsors, Contact, Search".
edit: It actually does not disappear, the "Home" to "For Instructors" actually show on a second line that gets covered up by the banner photo.

pixels >= 1218 wide it displays correctly.

[maneesha]

Thanks for catching this @chendaniely
We'll look into updating the theme this website uses to see if that fixes things.

[fmichonneau]

the problem comes from the fact that the template wasn't designed to include something other than "contact" and "search" on the right corner. By adding "sponsors", the responsiveness gets broken.

[maneesha]

Thanks for catching the problem @fmichonneau

@serahrono do you have suggestions from a communications perspective of how to handle this? We could keep it as is, or we could remove the "sponsors" option. What do you think? I appreciate your feedback!

[maneesha]

Pinging @serahrono

[maneesha]

OK, I just tried to remove the "Sponsor" item from the right side of the tool bar and still get the same effect.
@fmichonneau do you have any other suggestions as to what might cause this?

[sstevens2]

Ran into this issue myself today. Thanks @chendaniely for your excellent issue description! Mine wasn't going to be nearly as descriptive.