Hello,

I edited out this css you had added in General Options > Custom Css box:

@media (max-width: 767px){
#logo { 
   left: 75% !important;
}}

to this:

@media (max-width: 767px){
#logo { 
    margin-left: 30%;
     float: left !important;
}
}

It’s ok now. Here is the result: https://ibb.co/cBjJGn

Best regards!

Hello,

The mobile version, takes the logo image you have added in General Options > Upload Logo. It does not show the favicon. But since you have set as logo an image that contains both logos (https://www.happypog-deco.fr/wp-content/uploads/2018/04/Happypog_decoration_logo2-1.png) the mobile is displaying as much as it can. The screen is narrower in mobile so only the part of favicon is showing up.

To have a different logo for the mobile please refer to this related topic:
https://support.codeless.co/?topic=mobile-logo-menu-color-change

Best regards!

Hello,

Yes, you can fix it with css but that is not necessary because your logo is still too wide for mobile. I suggest you crop it down further. See example: https://ibb.co/mZ9fZ7
-The mobile hamburger menu can be positioned everywhere you want. I see it’s ok and working. Do you want to change it’s position?
Let us know.

Best regards!

If you want to keep that image and change it with css go to General Options > Custom Css box and place this code:

@media (max-width: 480px){
.header_wrapper #logo {
    margin-left: -128px !important;
    width: 500px !important;
}
}

This should be the result : https://ibb.co/cSHju7

Best regards!