Logo width fail in screen < 900

Let me take a look at that.

Just checked the demo and everything seems fine.

Can you be more specific?

Also the logo image should be a maximum 230px wide x maximum 100px high.

Thanks for asking,
In the ipad the logo vertically before scrolling appears large and cut, after scrolling the menu changes to mobile and disappears the logo and appears de burger menu.
In other width is fine.

The theme is the best, Thanks.

Sorry for my english i’m from spain.

In smaller screen widths I have designed to minimize the space when you start scrolling, only the menu button appears and the logo disappears. That is normal behavior.

This is fine after scrolling, before scrolling the logo is visible large and cut.

What size of logo did you install?

I suspect your logo is too big.
Keep your logo size as follows:

Max Width : 230px
Max Height: 100px

hi, changing in media width: 100% to 180px work fine.

You are very kind, I will recommend your theme.
Thanks you

@media only screen and (max-width: 900px) {

.header-wide-image .header-logo-menu-wide .header-logo-menu-strip .header-image-left a
{
line-height: inherit;
width: 180px;
float: left;
margin: 0;
padding: 0;
background-size: 50%;
background-position: center center;
background-repeat: no-repeat
}