The main menu when is on mobile device is not shifted to hamburger menu or something like mobile friendly or bootstrap.
Any suggestion how to solve it?

I use drupal 9.4

CommentFileSizeAuthor
#6 Screenshot (13).png14.68 KBnupur badola
#4 Screenshot from 2024-04-01 16-46-20.png34.26 KBsourojeetpaul
#4 Screenshot from 2024-04-01 16-46-06.png13.66 KBsourojeetpaul

Issue fork showcase_lite-3314868

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

nikomaxia created an issue. See original summary.

sourojeetpaul’s picture

sourojeetpaul commented
Assigned: nikomaxia » sourojeetpaul

Working on it!

sourojeetpaul opened merge request !10

sourojeetpaul’s picture

sourojeetpaul commented
StatusFileSize
new Screenshot from 2024-04-01 16-46-06.png13.66 KB
new Screenshot from 2024-04-01 16-46-20.png34.26 KB
sourojeetpaul’s picture

sourojeetpaul commented
Assigned: sourojeetpaul » Unassigned
Status: Active » Needs review

Hi @nikomaxia,
I've worked on the issue pointed by you and raised an MR for the same to address it. Please have a look:
https://git.drupalcode.org/project/showcase_lite/-/merge_requests/10
The issue is resolved now and incorporated a hamburger menu with a panel slider for the main menu on tablet and mobile devices.
This is how it looks now on responsive screens
Hamburger Menu
Panel Slider

nupur badola’s picture

nupur badola commented
Status: Needs review » Needs work
StatusFileSize
new Screenshot (13).png14.68 KB

Last line of the hamburger icon is appearing as half. Please fix this.

sourojeetpaul’s picture

sourojeetpaul commented
Status: Needs work » Needs review

@Nupur Badola, I styled it like this. As on click it'll rotate an transform into an "X" it seems to me that it looks better to not giving the full width to the last line, otherwise, all hamburgers will look similar. Just to have a different flavour!

ashutosh ahirwal’s picture

ashutosh ahirwal commented
Status: Needs review » Reviewed & tested by the community

I have reviewed the #5 MR10 and it turns to a hamburger on mobile and also working on click.
Moving to RTBC++