Shopify themes, liquid, logos, and UX
Hi! please help me how to make my header logo just a bit bigger
Shop url - https://greenpaxstore.com/
Solved! Go to the solution
This is an accepted solution.
Hi @GreenPax
Try this one.
.header__heading-logo-wrapper img {
width: 180px;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @GreenPax
Try this one.
.header__heading-logo-wrapper img {
width: 180px;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi @GreenPax ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.header__heading-logo-wrapper img {
width: 170px !important;
}
ima
Here is the result:
Please let me know if it works!
Best,
Mia
This is Richard from PageFly - Shopify Page Builder App
Hi @GreenPax Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>
<style>
.header__heading-logo{
width: 200px;
}
</style>
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi GreenPax
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
img.header__heading-logo.motion-reduce {
width: 185px;
}
Result:
Best,
LizHoang
Hi @GreenPax
Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.header__heading-logo {
height: auto;
max-width: 100%;
transform: scale(1.3);
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025