All things Shopify and commerce
Hi Shopify community,
I'm struggling with my Header, where my mobile look well, my desktop is not.
how to change the size of my desktop header like the mobile one, without impacting the mobile sizing.
website : https://www.bonnedose.co/
Best
Solved! Go to the solution
This is an accepted solution.
Hi @Vironne
@media screen and (min-width: 1024px){
header.header {
padding-block: 10px !important;
}
}
Hey @Vironne
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
header {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hi @Vironne
@media screen and (min-width: 1024px){
header.header {
padding-block: 10px !important;
}
}
thanks a lot 🙂
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025