Shopify themes, liquid, logos, and UX
I want to swap places of those 2 objects, logo to the left, search bar to the middle and make it more wide 2x
https://imgur.com/a/6b9nKJM
webiste:
https://niedladyktatury.pl/
Hi @Cherry_Moon , go to base.css and add the following code :
@media (max-width:990px){
.header--top-center {
grid-template-areas: 'heading left-icons icon'
'navigation navigation navigation' !important;
}
.search__input.field__input {
padding-right: 16rem !important;
}
}
Sadly, it did not work for me 😢
yeah, but the search bar prob. have different class'es due to adding it by hand in header.liquid
@Cherry_Moon , this should be the result of the code, if you want I can send you an access request to better solve the problem:
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025