How can I move sign in, search and add to cart to the far right on the desktop in Brooklyn theme

Store Design
, , , ,
1

Hey Team!

How can I move sign in, search and add to cart to the far right on the desktop in Brooklyn theme? Like the photo here.

Thank you!

crimahelp.jpg
crimahelp.jpg2000Ă—802 92.1 KB

2

Hey @deniscrima

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Capture.JPG
Capture.JPG1901Ă—379 38 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @deniscrima ,

I understand that you want to move sign in, search and add to cart to the far right on the desktop.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.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:
  4. And Save.
@media only screen and (min-width: 1024px) {
li.site-nav__item.site-nav__expanded-item.site-nav__item--compressed {
    display: inline-grid;
    left: 170px;
}
li.site-nav__item.site-nav__item--compressed {
    left: 170px;
}
}