site: https://coldstrict.com
How can I reduce the header height, center the logo, and change the menu letter type?
Topic summary
A user seeks help with three header customization tasks for their Shopify store (coldstrict.com):
Issues to Address:
- Reduce header height
- Center the logo
- Change menu font/letter type
Solutions Provided:
Logo Centering: GemPages support provided step-by-step instructions to add custom CSS code in the theme.liquid file (before the tag). Screenshots were included showing where to navigate in the Shopify admin.
Header Height Reduction: Both responders identified that excess height comes from blank space within the logo image file itself, not the header code. The logo image is square with transparent padding above and below the actual design.
Recommended Fix: Use an image editing tool to trim/crop the excess transparent space from the logo file.
Menu Typography: GemPages requested clarification on specific font preferences, as the original question lacked detail about desired changes.
The discussion remains open pending the user’s response about menu font specifications and implementation of the logo trimming solution.
Hello @NGM2022
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
Code for logo center
For header height, Your logo is square.
You can reduce the height by trimming the excess at the top and bottom of the logo.
I’m not sure how you want to change the menu letter type so can you be more specific?
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hi @NGM2022
Just checked your store, I found that the spacing is from the logo image, your logo image has blank space above and bottom, in this case you need to use tool to remove the space around the image.