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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024