The main menu is not styled properly on the mobile view.
I have attached a screenshot for better reference.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

lokeshsahu created an issue. See original summary.

lokeshsahu’s picture

Assigned: Unassigned » lokeshsahu
lokeshsahu’s picture

Assigned: lokeshsahu » Unassigned
Status: Active » Needs review
FileSize
150.26 KB
726 bytes

I have created a patch for the above issue, please review and let me know if its working.

JatinGupta40’s picture

Assigned: Unassigned » JatinGupta40

I will review the patch.

JatinGupta40’s picture

Status: Needs review » Needs work

The patch doesn't applied for me and showing the below error

git apply -v Main_menu_fixed_mobile-3177094-03.patch
Checking patch css/style.css...
error: while searching for:
}
@media(min-width: 0px) and (max-width: 767px) {
#block-business-main-menu {
position: initial;
height: auto;
}
#block-business-main-menu .dropdown-menu {
position: initial;
float: none;
}
.navbar-collapse {
max-height: initial;
}
.navbar-header {
float: none !important;
width: 100%;

error: patch failed: css/style.css:1397
error: css/style.css: patch does not apply

JatinGupta40’s picture

Assigned: JatinGupta40 » Unassigned
Vinayak.Ambig’s picture

FileSize
644.11 KB

I have gone through issue mentioned and followed steps. I'm not able to reproduce the issue. It's working as expected. Attached screenshot

Steps followed
1. Drupal set up 9 and enabled Business theme.
2. Verified the changes on mobile view - Not able to reproduce the issue. It's working as expected.