Shopify themes, liquid, logos, and UX
Hello, I have been trying to figure out how to change my Shopify Minimal Theme so that my Header Image and Menu Items are all apart of the header bar and not their own segments. I managed To use some code from another thread to get my logo into the header bar and centered, But I would like for the Header Logo to be on the left hand side. I would also like for the menu Items to be next to the Header Image. Can Anyone help me with this issue? Thanks!
My URL is www.fishersupply.us
Here is an example of how I would like it to look.
What code do I modify? And what do i change it to?
Hello @gavinfischenich ,
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code
Go to Assets folder -> base.css file -> add the following code at the bottom of page
.header-container {
display: flex;
align-items: center;
}
.logo {
margin-right: auto;
}
Save changes
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
Hello @gavinfischenich
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->timber.css>Add this code at the bottom.
.logo_header {
top: 53px !important;
left: 52px !important;
}
.site-nav {
border-top: 0px !important;
border-bottom: 0px !important;
margin: 0 0 30px !important;
margin-top: 0px !important;
}
Thank you, It is almost there, now it looks like this...
is there any way to move the site navigation to the right more so it is not overlapping the logo?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024