Large empty white spaces on homepage after removing hero images on desktop view only.
Nobody has claimed this yet.
- Dominant language
- reStructuredText
- Stars
- 1.3k
- Forks
- 12.1k
- PR merge metrics
- No merged PRs in 30d
Description
On the website homepage, after removing some hero images/sections, there are now large empty white spaces between sections.
The issue appears only on desktop view (laptop), while the mobile view looks normal.
It seems there are leftover empty sections or containers with large top/bottom padding or min-height applied only for desktop breakpoint.
Please open the homepage in Website Builder (Edit mode), switch to Desktop view, locate the empty sections between “breakfast / lunch / dinner” blocks and either:
Delete the empty sections completely, or
In section style settings, set height/min-height to “auto” (fit content) and reduce top/bottom padding to 0–10px for desktop breakpoint only.
Also check the custom CSS for any rules like min-height or large padding applied to these sections and remove or reduce them.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open the homepage in Website Builder’s Edit mode and switch to Desktop view. Inspect the sections between the “breakfast”, “lunch”, and “dinner” blocks, including their section style settings and custom CSS. Done means the empty sections are removed or fit their content, with no large desktop-only gaps, while mobile remains unchanged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- documentation, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100