benjaminkott / benjaminkott/bootstrap_package

Main menu with many menu items and subpages

Open
#1,459 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
PHP
Stars
355
Forks
212
Avg merge
1h 4m
Merged PRs (30d)
31

Description

# Bug Report

## Prerequisites

* [ ] Can you reproduce the problem on TYPO3 v11.5 LTS
* [x] Can you reproduce the problem on TYPO3 v12.4 LTS
* [x] Did you [perform a cursory search](https://github.com/issues?q=is%3Aissue+user%3Abenjaminkott+repo%3Abenjaminkott%2Fbootstrap_package) to see if your bug or enhancement is already reported?

## Description

If you have many pages in main menu (or pages with long title) and these pages have subpages, the toggle icon isn't placed well:

![menu-1](https://github.com/benjaminkott/bootstrap_package/assets/2690489/fc4dafab-70d2-4948-a7a5-be93360321a5)

To fix this, just remove style "flex-wrap: wrap" for ".navbar-mainnavigation .nav-item":

![menu-2](https://github.com/benjaminkott/bootstrap_package/assets/2690489/5ec6712e-4c6f-4a0b-9633-50020943bd07)

Contributor guide

No contributing guide indexed for this repository

Research direction

Inspect the styles for .navbar-mainnavigation .nav-item and reproduce the menu with many or long-titled pages that have subpages. Verify the toggle icon placement before and after removing flex wrapping, and confirm the corrected layout at the affected TYPO3 versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, css
Domain
frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.