Big logo on mobile version

[Maddy]

Hi Zex!

I made the logo big on the desktop version and it’s pushing again the icon search on the second line. Can you help me again with this issue, please?
Also, on the mobile/tablet version, the logo still remains big and I need it smaller. Because the logo is so big it is creating a sidebar on the bottom of the website which I don’t want it. Can you help me please fix these issues as well?

Thank you so much!

Best wishes,
Maddy

[Zex]

Hello,Maddy!

1. Just set the smaller Font size in the custom CSS code I gave you previously.

2. You should be able to insert the same Logo image and set the smaller size for the Tablet/Mobile view, from Customizing->Logo->Mobile logo menu

https://prnt.sc/spma2p

Please let me know if this option for some reason don’t work for you, and I will give you the right code to fix that.

Regards

[Zex]

Hello,Maddy!

1. Just set the smaller Font size in the custom CSS code I gave you previously.

2. You should be able to insert the same Logo image and set the smaller size for the Tablet/Mobile view, from Customizing->Logo->Mobile logo menu

https://prnt.sc/spma2p

Please let me know if this option for some reason don’t work for you, and I will give you the right code to fix that.

Regards

[Maddy]

Hi Zex!

Thank you for coming back to me. I added another logo for the mobile version as you suggested but unfortunately is creating a second logo. Can you please send me the code to fix this? Thank you!

Best wishes,
Maddy

[Zex]

Hi, Maddy!

Here is the code to fix that problem:

@media only screen and (max-width: 715px) {
#agama-logo .logo-desktop{
    max-height: 23vw!important;  
    }
}

Change the max-height value per your wish.

Regards

[Author]

Posts