All things Shopify and commerce
I have tried many ways that i searched online to change the header size on my website but nothing is working. Any help at all would be much appreciated.
Hi @kutoff
Would you mind to share your store URL? Thanks!
https://c8bfea-2.myshopify.com/?_ab=0&_fd=0&_sc=1
i clicked preview and i took the url from that, lmk if theres another way you want me to do it
Its password protected. You can check the password by clicking this button.
Just to make it clear this only access the URL store not the admin. When the store is under construction, it hides from the costumers so it wont see the messiness. Thanks!
gotcha, my apologies.
password: nuweff
so yes, im wanting to just be able to change the size of my header without changing the size of my logo so it looks even. each time i try to change my header size, it changes the logo size as well
Sorry im confuse, which header your pointing out? This one?
The nav.menu?
Yes, I would like to make the entire header raised higher. I want to keep it as the same size but just raise it so its not so far down from the top.
Oh, Okay you mean the height of the header.
Check this one then.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
@media only screen and (min-width: 769px){
.site-header {
padding: 0px;
}
.header-layout {
height: 150px;
}
}
</style>
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Perfect, thank you so much.
Welcome, Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024