Shopify themes, liquid, logos, and UX
Hello! Im trying to put a search bar or the icon that the template "sense" has but on the top of my menu in the center of the header, how can I do that??
Thanks!!
@EvaMtz - this will need some code editing, but it can be done
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.header.header--top-center.header--mobile-center.page-width.header--has-menu {
position: relative;
}
.header__search {
position: absolute;
right: -100%;
top: 70%;
}
Doesn't work 😞
Hi @EvaMtz,
Please go to Actions > Edit code > Assets > base.css file 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;
}
.header--top-center > .header__search {
justify-self: center !important;
}
}
Hope it helps!
Thanks but still not working 😕
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024