Change color of hamburger menu on mobile

Change color of hamburger menu on mobile

To change hamburger menu on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box.

@media (max-width: 991px) {
.navbar-light .navbar-toggler.collapsed span {
    background: #000;
}
.navbar-light .navbar-toggler span:before {
    background: #000;
}
.navbar-light .navbar-toggler span:before {
    background: #000;
}
}

Please modify color code as needed.

    • Related Articles

    • Change menu BG color on mobile.

      https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...
    • Remove double color on Menu bar background.

      In case you change the accent color of theme, the menu bar colors can look strange.  You can fix it by removing the double color. In order to do that, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .main_menu .navbar {     ...
    • Fixing mobile menu if its not proper.

      In Howello theme, if your logo height is more than the 60px, the mobile menu opening container might overlap with logo. To fix this, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .navbar-header { height: 175px; ...
    • How to change base color in Fitzeous theme

      You might want to change the base green color of Fitzeous theme to match your brand.  You can go to wp-admin/themeoptions/styling to change the base colors of theme. On service block overlays, there is green color, you can change it by adding some ...
    • How to change base color of Airtech theme.

      In Airtech theme, you can change the color of the theme by going to Appearance/Customise/Airtech General settings/colors. You can also see it how it works in below video.