Describe the issue or problem
On the article page in the Pragma theme, the issue cover image is displayed in a two-column row alongside the article title and metadata. This two-column layout creates a large visual gap between the article header and the abstract below it, because the row height is determined by the taller of the two columns (the cover image) rather than the title text.
The result is that the abstract can appear far down the page if the title is short but it is always, separated from the article metadata by a large unstructured gap.
Steps to reproduce
-
Publish an article in a journal using the Pragma theme
-
Ensure the issue has a cover image uploaded
-
View the article page
-
Observe the gap between the article header and the abstract, particularly for articles with short titles
Expected behaviour
A better reading experience would be if the abstract appeared immediately below the article metadata without a significant gap, regardless of the cover image height.
Additional information
A workaround we have applied is to correct the DOM reading order so that the abstract precedes the sidebar in the HTML, which improves the screen reader experience. However the visual gap caused by the two-column layout remains. A layout approach that does not force a minimum row height based on the cover image would resolve the issue.
As an additional related feature, it would be great if the current issue cover could be displayed on the homepage with link to the issue page, on the issue page itself (to identify the issue for readers).
The theme itself is great. Thank you.