Task #3663
openNavigation in blog website is not long enough to show Donate button
0%
Description
When navigation is longer than the screen it does not show the last buttons (in this case Donate)
Files
Updated by Juan José González 10 months ago
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.
Updated by Stéphane Guillou 8 months ago
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.
Updated by Beluga Beluga 8 months ago
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.
Updated by Juan José González about 1 month ago
- File Screenshot from 2024-03-18 10-08-18.png Screenshot from 2024-03-18 10-08-18.png added
- File Screenshot from 2024-03-18 10-07-56.png Screenshot from 2024-03-18 10-07-56.png added
- Status changed from New to Feedback
Solved, and highlighted Donate button