Sticky header logo problem on responsive device

Stazzz

Hello there!

I've got problem on mobile device on yogaland.kz

When you scroll down and sticky header appears, logo comes to wide than on top header.

Albert

Hi,

we checked your site and didn't noticed anything like this and the following screenshot http://pasteboard.co/eKDUsYXjD.png is a proof of how your logo looks when when header is sticky.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Stazzz

You give me screenshot of desktop version, right?

But I said that i've got problem on MOBILE DEVICE. 

here is normal view http://pasteboard.co/eRFwMMA3P.png (there is MENU word at the right side)

and here is sticky mode http://pasteboard.co/eS7IIbR7T.png (the problem is logo comes wider and MENU button is under the logo)

Albert

Yes, exactly, the screenshot is from desktop. We didn't noticed that you are talking about the mobile, sorry. Anyway, we did checked it once more and found where the problem is and this would be fixed with next theme update. For now, please put the following custom css under Theme options > Custom CSS & JS > Custom CSS section:

@media only screen and (max-width: 767px) {
    .mobile-sticky #Top_bar.is-sticky #logo img:not(.svg){ width: auto !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Stazzz

Thank you guys!! I love your theme so much

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next