Hello

Thank you for your query.

Have you set any custom css for your logo image (mobile version)? If you did you can increase the value. Otherwise please add the following css rule in custom css section:

 @media(max-width: 992px) {
     .logo-image-phone {
         height: 70px;
     }
 }

Hope this helps you.

Thanks for your help. I have added this to custom code pn template and no change

You are welcome.

Could you provide me your administrative access, please? Use the hidden mode to share the log in credentials.

I was having the same issue and this fixed the issue for me also. It seems the logo height setting affects both the web and mobile logos. Maybe in future updates there could also be a hight setting for the mobile logo. Just a thought.

Thanks for your help. The !important; after height value worked! Thanks again

Glad to know that:)

You are always welcome @Marie-Claire and @Jeffrey Kiefer.

It would be very kind of you if you can manage some moment to give us feedback here:

https://extensions.joomla.org/extension/sp-page-builder/

Please let me know your name on the review.

Thanks for being with us :)

-Best Regards

Rashida Rahman

Hi, I got this working with this:

The top one is for the off canvas menu on desktop, the bottom one manages the off canvas menu on mobile...

Mat.

.offcanvas-menu .logo-image,
.offcanvas-menu .logo-image-phone {
  max-height: 36px;
  height: auto;
  width: auto;
}

@media (max-width: 991px) {
  .offcanvas-menu .logo-image,
  .offcanvas-menu .logo-image-phone {
    max-height: 36px;
    height: auto;
    width: auto;
  }
}

Hi Mat,

Thanks for sharing your experience with us.

Have a nice day!