Move logo left on mobile

[Esquibb96]

Hi there, 

I'm trying to move my logo to the left on mobile header but when I use margin-left, on smaller devices it covers the hamburger icon!

What am I doing wrong?

www.babeology.co.uk 

Thankyou!

[KetanKumar]

@Esquibb96 

do you mean like this?

[Esquibb96]

Indeed however I'd like to keep the hamburger to the left also, and just have the logo next to it, but if that's not possible then that will do!

[KetanKumar]

@Esquibb96 

Thanks for feedback 

if possible to share screenshot how do you like exactly so i will provide code

[Esquibb96]

Like this 🙂 

Thanks so much for your help, I really appreciate it!

[diego_ezfy · Accepted solution]

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

@media (max-width: 767px){
    .header-item--left{
    max-width: 20px !important;
    margin-right: 10px !important;
}

}

You can change the 10px value to anything you wish.
The greater the value, the more to the right it will be pushed.

Please let me know whether it works.

Kind regards,
Diego

[Esquibb96]

That worked! Thankyou!

[diego_ezfy]

@Esquibb96 

I'm glad to hear that!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

[thefeelbar]

Hey Diego,

I'm having trouble doing this same thing on my site. I have the "Taste" theme and i'm just looking to move my logo to the left on mobile, remove search and bring hamburger to top right.

Everything on Desktop is fine as is.. except for the search feature.

[anuardu]

Hey there! Thanks for the info. I did this, but it didn't work. My logo is still in the middle. And interferes with the search bar

[thefeelbar]

Would you mind sending the code to achieve this?