- Issue created by @shweta__sharma
- Assigned to sourojeetpaul
Looking into it!
Also the navigation menu over the desktop is not aligned properly, when it shows clearly that it was intended to be horizontally center aligned.
- Issue was unassigned.
- Status changed to Needs review
9 months ago 12:48pm 3 April 2024 Hi, I've raised an MR by solving the navigation menu break on responsive screens.
Fixed the hamburger menu functionality which was previously broken on responsive screens.
Please have a look:
https://git.drupalcode.org/project/animal_shelter/-/merge_requests/16
This is how it looks now, below 992px:
I tried applying MR 16, but the hamburger menu overlaps the admin toolbar and is not functioning properly as expected. It isn't opening. I'm attaching a screenshot of the issue for reference.
- Status changed to Needs work
7 months ago 6:19am 17 May 2024 - 🇮🇳India Yashaswi18
Applied MR!6, On mobile devices and tabs the opened menu is not taking the full width, attaching ss. The transition of the hamburger menu can be changed as it is transitioning strangely.
- Assigned to Tirupati_Singh
- Issue was unassigned.
- Status changed to Needs review
6 months ago 11:37am 21 June 2024 - 🇮🇳India Tirupati_Singh
Hi, I've applied the MR !16 and it has been applied with no errors but transition of hamburger menu for the opening and closing was not perfect and the opened menu was also not occupying the full width as mentioned by @Yashaswi18. This issue was due to the padding on parent wrapper.
I've fixed the hamburger menu transition and full width for opened menu for the responsive device. Attaching a screenshot for reference. Please review the changes. - 🇮🇳India riddhi.addweb
The mentioned page issue is resolved, & I have also checked and it is working as expected. I am attaching the Screenshots for the same.
[RTBC+1]
Note:- When the user scrolls the site, the closing icon [Cross Button] overlaps with the admin toolbar. Attaching Video for the same.
- 🇮🇳India Tirupati_Singh
Hi @riddhi.addweb, I've fixed the hamburger menu icon overlap issue for the responsive devices. Attaching the screenshots after fixes for reference. Please review the changes.
- 🇮🇳India riddhi.addweb
@Tirupati_Singh I think the cross icon issue persists, it is still overlapping with the Admin Toolbar, Please check the attached video for reference.
- 🇮🇳India Tirupati_Singh
@riddhi.addweb, please provide the issue video clip for more time duration. I can't see the overlap issue for hamburger icon.
- 🇮🇳India riddhi.addweb
@Tirupati_Singh I have applied the patch and now the issue is not persisting, it seems like it has been fixed. Attaching the SS for the same.
- Status changed to RTBC
5 months ago 8:25am 22 July 2024 -
sourojeetpaul →
committed 7789975c on 1.0.x
Issue #3414988: Navigation menu is not responsive
-
sourojeetpaul →
committed 7789975c on 1.0.x
Hello @everyone,
I've resolved all the merge conflicts and MR is now ready to be shipped in!
Thank you all for our kind help. Appreciating the efforts and time put forward by you guys by granting you all credits :)Automatically closed - issue fixed for 2 weeks with no activity.