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

Solved
Highlighted
Tourist
4 0 2

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

0 Likes

Success.

Trailblazer
548 134 175

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

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Tourist
4 0 2

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

1 Like