Trying to align logo to the left in Motion theme

Store Design
,
1

Hi, currently finishing up my website and can’t seem to get the logo to align to the left side of the screen instead of being in the center.

Screenshot_4.png
Screenshot_4.png1228×314 243 KB

I also want the search icon to be on the right side with the other icons, any advice or tips would be greatly appreciated!

website: tntautosport.com

2

You should do it from the customization here

NatashaSaed_0-1694018923297.png
NatashaSaed_0-1694018923297.png360×289 8.27 KB

3

Hi @aquay

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width:1080px){
.header-item.header-item--left.header-item--navigation {
    order: 3;
    justify-content: flex-end;
}
.header-item.header-item--icons {
    position: absolute;
    left: 85%;
}
}
@media only screen and (max-width:1079px){
.header-item.header-item--left.header-item--navigation {
    order: 3;
    justify-content: flex-end;
}
.header-item.header-item--icons {
    position: absolute;
    left: 75%;
}
}​

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

I have tried this, the issue is I still want the menu to be below the logo and that’s only an option if the logo is in the center

5

This did the trick, thank you so much!