CRAFT Theme - How do I move the Search Icon to the Right

[TFN205]

I am trying to move the search icon to the right of the header so all the icons are on the same side

I am using the craft theme

See image for reference

[ExpertRookie]

Hi @TFN205
As I know, in theme settings has option to change that, you can try to check setting in header section => logo position.

[LitCommerce]

Hi @TFN205 ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
	.header--top-center {
		grid-template-areas:
			"heading left-icon icons"
			"navigation navigation navigation" !important;
		grid-template-columns: 1fr auto auto !important;
	}
	.header__search {
		justify-self: self-end !important;
	}
	.header__heading {
		padding-left: 44px;
	}
}

Hope it helps!

[oscprofessional]

Hello @TFN205

Could you share the Store URL so that I can review it?

[TFN205]

Thank you so much !

[eilimed]

Hi,

i followed this solution but now my search icon is a lot below the cart icon. How can I fix this?