Shopify themes, liquid, logos, and UX
HI, I would appreciate some help on how to move my menu from the middle below logo to left side parallel to the logo. Currently looks like this and i'm hoping to make it look like the next image below it:
to something like this
here's my website link https://dissy-co.myshopify.com/?_ab=0&_fd=0&_sc=1
password: cheolt
Thank you!
Hello @KelvinLeow
Could you please share your store URL or the page link. I think I can give you the right solution
Hi sorry here's my website link
https://dissy-co.myshopify.com/?_ab=0&_fd=0&_sc=1
password: cheolt
@KelvinLeow Can you please send me store url?
I would like to give you a solution to support you:
Step 1: Move logo to left
Go to Online Store-> Theme -> Customize:
Setting Header -> Desktop logo position: Middle left
Step 2: Align the content menu to the center:
1. Go to Online Store -> Theme -> Edit code:
2. Open your theme.liquid theme file
3. Paste the below code before </body>:
<style>
@media screen and (min-width: 990px{
body .header--middle-left {
grid-template-columns: 1fr auto 1fr;
}
}
<style>
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi @GemPages, thank you. But I wanted the logo to be in the middle, while the menus on the left side. Is that possible? To look something like that.
User | RANK |
---|---|
64 | |
61 | |
59 | |
48 | |
44 |
Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023