Any help to colocate the logo in the left side, just next to the menu?
Hi @Laura_54 ,
Please follow the steps:
- Step 1: Go to sections > header.liquid file, in line 251 and add code:
Code:
{%- if section.settings.logo != blank -%}
{%- assign image_size = section.settings.logo_width | append: 'x' -%}
{%- else -%}
{{ shop.name }}
{%- endif -%}
- Step 2: Go to Assets > base.css and paste this at the bottom of the file:
@media screen and (max-width: 749px) {
.header{
grid-template-columns: 2fr 1fr 1fr !important;
}
header-drawer{
display: flex !important;
align-items: center !important;
}
.header__heading{
display: none !important;
}
}
Hope it helps!
Hi @Laura_54 ,
I tried adding it and everything works fine:
please send me the preview link, I will check it for you
Hi @Laura_54 ,
Your interface has changed from Dawn, it’s confusing me, please go through the steps again:
- Step 1: Go to sections > header.liquid file and move code:
- Step 2: Go to Assets > base.css and paste this at the bottom of the file:
header-drawer{
display: flex !important;
align-items: center !important;
}
Hope it helps!
1 Like
https://cys07damv20pjuu7-60317925589.shopifypreview.com
there is something I´m doing wrong
Hi @Laura_54 ,
Link preview doesn’t exist, have you done it?
The thing is that, it´s okay if we leave the logo like this, but in this mode, I don´t know why, we loose the finder
if we posicionate the logo in the middle, the finder is there
Just in case, our idea is to do this, the logo in the left, and locate the finder in the middle that way (Buscar_____)
This is the preview: https://6r5cxs4zs12e7848-60317925589.shopifypreview.com
Any help will be really welcome @LitExtension
Thank you!
Hi @Laura_54 ,
You want the logo on the right and the search form in the middle. My tutorial is just edits the existing HTML and make your site with the right logo.
If you want to edit like a mockup, it will be a complicated requirement and need to change a lot.
You can hire experts for it, refer group: https://community.shopify.com/c/Shopify-Ecommerce-Jobs/bd-p/shopify-job-board
Hope it is clear to you.