Hi there!

Sorry for your issue.

Please use the following code in your custom CSS:

img.sp-default-logo {
    height: 100px;
}
#sp-logo {
    flex: auto;
}

Hope this will solve th issue for you!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Hello Rashida,

Thank you for your quick response!

It works fine on desktop but not on mobile… the picture is distorted. An idea?

Hi,

You're welcome!

What was the logo height for your mobile devices before, please? Actually you can modify the height value of logo within the above code to get your desired look.

Best Regards

No matter the height of the BEFORE logo, I just want the height and width to be homothetic and not distorted in the mobile version.

How can I force the height of the logo ONLY in the mobile version in CSS?

Thanks for your help :-)

Can you help me please?

Hi,

Sorry for the delayed response.

I have checked it just now, and it seems good to me. Is your issue already resolved?

Best Regards

Hello,

As you were no longer available, I had to open a new post...

Toufiq was able to solve the problem of viewing the logo on the mobile version BUT the burger menu no longer works nor the search module.

Can you help me to solve this problem?

Thanks a lot.

Hi,

Oh, sorry for not being there for your previous problem. However, I think letting him (Mr. Toufiq) know about the new issue will be better to get an positive response from him.

Best Regards