Move logo and shopping cart

[Ter123]

Hi,

I would like to move my logo together with the menu to the far left and move the shoppingcart, search and account button to the far left.

I tried coding but it seems not to work.
Anyone who can assist me?

im using the horizon theme

[TheScriptFlow_1]

Hey @Ter123,

Thanks for posting your Query, on Shopify community forum. Could you please share your store url and password [if applicable] so that I can take a look and provide you with the solution code.

Thanks

[tim_tairli]

Try code like this in the “Custom CSS” of the “Header” section:

.header__columns {
  grid-column:  1/-1;
  padding-inline: 1rem;
}

From:

To:

[Dan-From-Ryviu]

@Ter123

Sinbad321

Please add this code to Custom CSS in theme settings.

#header-component .header__row.header__row--top {
    grid-template-columns: max-content;
    padding: 0 1rem;
}

Best regards,
Dan from Ryviu: Product Reviews App

[Ter123]

@Dan-From-Ryviu

#header-component .header__row.header__row--top {
    grid-template-columns: max-content;
    padding: 0 1r

It worked. Thank you

[Dan-From-Ryviu]

You are very welcome. Please don’t forget to hit Like and mark it as a solution to help others.