Project

General

Profile

Actions

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 2 months ago.

Status:
Feedback
Priority:
Normal
Assignee:
-
Category:
-
Target version:
-
Start date:
Due date:
% Done:

0%

Tags:

Description

When navigation is longer than the screen it does not show the last buttons (in this case Donate)


Files

Screenshot 2023-06-29 at 10.51.10.png (360 KB) Screenshot 2023-06-29 at 10.51.10.png Juan José González, 2023-06-29 10:52
ksnip_20230906-110156.png (72.4 KB) ksnip_20230906-110156.png Stéphane Guillou, 2023-09-06 11:02
Screenshot from 2024-03-18 10-08-18.png (46.7 KB) Screenshot from 2024-03-18 10-08-18.png Juan José González, 2024-03-18 17:08
Screenshot from 2024-03-18 10-07-56.png (74.8 KB) Screenshot from 2024-03-18 10-07-56.png Juan José González, 2024-03-18 17:08
Actions #1

Updated by Juan José González 11 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.

Actions #2

Updated by Stéphane Guillou 9 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.

Actions #3

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.

Actions

Also available in: Atom PDF