How to move logo to center on mobile as well as my logo to the left on desktop?

[BrendonM]

I am having issues being able to move around my logo's for my website.. I want the mobile version to be centered in the header and for the desktop I would like it to the left side of the header. I currently use a theme called Shella and I have tried every option in the editor to be able to move around the logo but nothing works. I'm assuming I need to edit the coding? If anyone has any advice or can help me out it would be greatly appreciated!! 

For reference my website is www.nvusapparel.com

[OTM · Accepted solution]

Hi, @BrendonM ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (min-width: 1025px) {
  .header__logo {
      margin-left: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .header__logo {
     margin: 0 auto!important;
  }
 .header__sidebar {
     margin-left: 0 !important;
 }
}

Best,
Evita

[BrendonM]

Thank you very much Evita! It definetly worked, i greatly appreciate the help :)

[Raees_Ahmed]

@OTM I don't suppose you could help me. I am also using the Shella Theme and have the menu centred on desktop. I would like to keep the logo centred on desktop but would like the logo centred on mobile.  

What change would I need to make to the code above to achieve this?

[Juanse86]

Hi Vita,

How can I center my store`s logo on mobile version like on home page. 

Could you please help me with this? 

[Sivaan]

Hi Evita,

I tried this and it doesnt work?
Im trying to make my logo slightly smaller and centered on mobile view only.
Any chance you could help?