How can I move my logo to the far left on mobile view?

[bob-rouge-store]

Hi folks,

Does anyone know where I need to look and what I need to modify in the liquid code to move my logo to the far left?

My logo is now in the Center at the top of my website page and I need it to be at the far left. I need this done only for the mobile view!

All replies are appreciated !

[ZestardTech]

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

[bob-rouge-store]

bobrougestore.com

Here is the mobile view !! The desktop and all other views are not to be changed …

[bob-rouge-store]

bobrougestore.com

thanks for replying !

[bob-rouge-store]

Hi Pallavi!

Thanks for your reply!

my store URL is:

bobrougestore.com

[bob-rouge-store]

Im trying to reply, but I don’t see my reply post … Shopify loves to complicate things…

goto: bobrougestore.com

please and see.

[bob-rouge-store]

It somehow doesn’t accept my image ???

bobrougestore.com

[bob-rouge-store]

bobrougestrore.com

[bob-rouge-store]

[bob-rouge-store]

Hi Pavalli,

Sorry for all the images here…

It seems like I wasn’t able to upload a screenshot image that originated from my smartphone. Somehow I had to re-save the image on my desktop and then and only then it would accept the image!

So you can go ahead and assess the situation !

Im looking for the Liquid file to change the positions of the logo!

Thanks again!

Roberto

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 746px){
.header-logo {
margin: 0!important;
}
}

[bob-rouge-store]

Thanks so much Pallavi,

One thing though whats the 746px ??? Because the logo now is a bit too high!!! And also the code made the black strip thinner!!!