Shopify themes, liquid, logos, and UX
I would like to make the header smaller, how can I do this?
pic : https://ibb.co/RkyVKvNH
Website https://roxysound.com/collections/frontpage
password: sahsku
Thanks
Solved! Go to the solution
This is an accepted solution.
Hi @urbantis
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.min.css and add this code at the end of the file
.py-4.lg\:py-8 {
padding: 5px !important;
}
Result
Best,
DaisyVo
Hi @urbantis ,
have a look on the screenshot shared . is it ok or you want to make it smaller then this ?
This is an accepted solution.
Hi @urbantis
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.min.css and add this code at the end of the file
.py-4.lg\:py-8 {
padding: 5px !important;
}
Result
Best,
DaisyVo
Hi @urbantis
You can do that by adding this code to Custom CSS in Sales channels > Online store > Themes > Customize > Header.
#headerContainer .py-4.lg\:py-8 { padding-bottom: 4px; }
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025