bug: ion-menu-button doesn't change font-size in md mode #27189
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v6.x
Current Behavior
I changed the font-size of my ion-menu-button (hamburger button) using the following CSS code.
ion-menu-button { font-size: 31px !important; }
The above code seems to work on my app in ios mode but that was not the case when I tried running the app on md mode(Android). The hamburger button is still small, even the CSS code doesn't have an impact.
Attached screenshot below is from the md mode of my Ionic app. Notice how the hamburger button is small.
Expected Behavior
Both the ios and md mode should have the same font-size for the ion-menu-button after adding the abovementioned CSS code. Attached screenshot below is from the ios mode of my Ionic app.
Steps to Reproduce
- On the .SCSS file of your app, enter the following code to make the logo appear larger.
ion-menu-button { font-size: 31px !important; } - Run on your app on ios mode. Check if the hamburger button has changed its font-size.
- Run on your app on md mode. The same font-size should be observed in md mode.
Code Reproduction URL
No response
Ionic Info
Ionic:
Ionic CLI : 6.20.6 (C:\Users\Raymond\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.4.1
@angular-devkit/build-angular : 15.0.4
@angular-devkit/schematics : 15.0.4
@angular/cli : 15.0.4
@ionic/angular-toolkit : 6.1.0
Capacitor:
Capacitor CLI : 4.6.1
@capacitor/android : 4.6.1
@capacitor/core : 4.6.1
@capacitor/ios : 4.6.1
Utility:
cordova-res : not installed globally
native-run : 1.7.1
System:
NodeJS : v18.12.0 (C:\Program Files\nodejs\node.exe)
npm : 8.19.2
OS : Windows 10
Additional Information
No response