Logo problem in small / xtrasmall screen

eglais

Hi,

The problem with the HERO image is solved, because I decide to spread it full width behind the text.
I still have the problem with the logo, though : On mobile view, it can't be displayed, so there's a bug in the responsive layout. It displays a white bar instead of the main menu bar, and you can't see nor reach the menu icon. I can imagine 2 solutions to solve this problem :
1) To suppress the logo on small screen and put a text with the name of the company instead ;
2) To shrink the logo with en smaller version so that it can be displayed on the small screen.

Can you help me with that ? Thanks in advance !

Ninja

eglais
Hi
In the mobile the header use white background and your logo is also using a white font color that result its showing only icon as its in blue color.
It happened due to small size of mobile it can not fit all items.
Add this code in custom.css file

@media(max-width:468px){.logo-image img {
    max-height: 52px;
}}

it will reduce some logo height to fit all elements fine.

eglais

Thanks again Pankaj !