Fixing mobile menu if its not proper.

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;
    line-height: 175px;
}

Please replace 175px with your actual logo height.

    • 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; ...
    • Change color of hamburger menu on mobile

      https://share.getcloudapp.com/4gux57bx 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; } ...
    • Reduce logo on mobile in Fitzeous theme

       In fitzeous theme, in order to reduce size of the logo in mobile only, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_header_area .header_menu .navbar .navbar-brand img {  width: 50%; } ...
    • 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 {     ...
    • How to remove logo from Sticky menu

      In Cakecious, the logo appears in sticky menu when you scroll down... https://cl.ly/b5a54e44bd1c If you do not want logo in sticky menu to save space of available screen. Please enter below css in Themeoptions/general/customcss box. .navbar_fixed ...