Site Logo not mobile optimised

Hello rachel,

We recomemded you to upload your logo 140*60 (140 width and 60 height). This will work fine.

And if you want to confitue with current logo, you can add custom CSS to overcome this issue.

Please follow steps to add custom CSS.
1) Please log in to the admin area
2) Go to “Appearance >> Customize >> Additional CSS”.
3) Paste the below code in “Additional CSS” and save it afterward:

.site-branding .custom-logo-link{
position: relative;
height: 60px;
width: auto;
}
.site-branding .custom-logo-link img{
width: auto;
height: 100%;
margin: 0px;
}

Please feel free to let us know if you have any further queries.
Thank you.

Hello Rachel,

Can you please try this code? It might to solve your issue.

@media only screen and (max-width:900px) {
.site-branding {
     z-index: 99;
}
}

Please feel free to let us know if you still face any issue.

Thank you

Hello rachel,

May we request you to provide us a website URL?
It really helps us to solve the issue.

Thank you.

Hello Rachel,

Greetings of the day!

We have recommended you to either set your website logo or site title and tagline.

As per our theme standard, we consider logo height or title and tagline height but in your case, your menu height is more than we have set in our theme.
So to overcome this issue we will provide you custom CSS for the mobile device but it will break in other screen resolution.

We provide custom service, if you really want to continue with both logo, title and tagline.
We will provide you perfect solution for all the screen.

Thank you