Can you modify liquid code to move a logo to the far left on mobile view?

bob-rouge-store
Tourist
31 0 1

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 !

Replies 11 (11)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
bob-rouge-store
Tourist
31 0 1

bobrougestore.com 

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

20BF46F0-6D5D-44C2-8E4A-148E4A67196F.png

 

bob-rouge-store
Tourist
31 0 1

bobrougestore.com 

thanks for replying !

 

E8043470-9113-4379-A83A-E182E8D83332.png

bob-rouge-store
Tourist
31 0 1

Hi Pallavi!

 

Thanks for your reply!

 

my store URL is:

bobrougestore.com

 

IMG_6351.PNG

 

 

 

bob-rouge-store
Tourist
31 0 1

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
Tourist
31 0 1

It somehow doesn't accept my image ??????

 

bobrougestore.com

bob-rouge-store
Tourist
31 0 1

bobrougestrore.com

bob-rouge-store
Tourist
31 0 1

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 

bob-rouge-store
Tourist
31 0 1

Screen Shot 2021-04-02 at 1.08.24 AM.png

ZestardTech
Shopify Expert
5393 970 1291

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
bob-rouge-store
Tourist
31 0 1

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!!!