Task #3663
closedNavigation 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 over 1 year 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 over 1 year 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 over 1 year 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 10 months 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
Updated by Juan José González 7 months ago
- Status changed from Feedback to Closed