Task #3663
open
Navigation in blog website is not long enough to show Donate button
Added by Juan José González 11 months ago.
Updated about 2 months ago.
Description
When navigation is longer than the screen it does not show the last buttons (in this case Donate)
Files
For small screens the usual navigation is converted to a dropdown. This is done by superfish.js but it is fixed to be converted when screen is < 866px
I did a quickfix to display the whole navigation bar in less than 866px.
A more comprehensive fix would be replace superfish to a more flexible css only solution.
Related to this issue is the problem with the last menu buttons (currently Merchandise and Donate) overflowing to a second row, but without a black background, rendering them completely unreadable.
This happens regardless of how large the width of the window is, in Firefox but not in Chromium.
Tested at 100% zoom with Firefox 117.0.
Stéphane Guillou wrote in #note-2:
Related to this issue is the problem with the last menu buttons (currently Merchandise and Donate) overflowing to a second row, but without a black background, rendering them completely unreadable.
This happens regardless of how large the width of the window is, in Firefox but not in Chromium.
Tested at 100% zoom with Firefox 117.0.
Not sure what kind of demonic possession is going on with the header, but at least this spell forces it to behave:
.secondary-navigation {
display: flex;
}
...meaning that .secondary-navigation then has the same height as #navigation and the black background extends all the way down.
Solved, and highlighted Donate button
Also available in: Atom
PDF
