My header currently looks like this:
I’d like the empty space above and below the logo to be smaller. For context I am using the prestige theme.
If you have an ideas on how to do this, please let me know
Thanks
Topic summary
A user seeks to reduce the vertical padding (empty space) above and below their logo in the header of their Shopify store using the Prestige theme.
Proposed Solutions:
- One respondent suggests either recreating the header or adjusting padding via custom CSS, offering direct assistance.
- Another provides a specific CSS code snippet to add to the theme’s Custom CSS section in the header settings:
.header__logo-image {
transform: scale(1.5);
}
The user is advised to adjust the 1.5 value to achieve the desired spacing. The discussion includes visual references (screenshots) showing the current header layout and where to apply the CSS code.
Status: The issue remains open; no confirmation yet on whether the proposed solutions resolved the problem.
1 Like
It is either you delete and create another header or you use the padding method, i have an idea to fix this for you, reach out
Just tell me here
Hi @Matthew114
You can do that by adding this code to Custom CSS of Header in Online Store > Themes > Customize. Change 1.5 in the code to a value that fits your request.
.header__logo-image {
transform: scale(1.5);
}
