Shopify themes, liquid, logos, and UX
Hi,
I'd like to reduce the width of the heading on desktop and mobile.
Currently there is too much extra padding on top and bottom.
I've already tried adding the following code to theme.css.liquid asset:
.site-header{ padding: 0px !important; }
But it didn't change anything.
https://ecup-store.myshopify.com/
Password: pohnge
Thank you for your help!
Kind regards,
Polina
Solved! Go to the solution
This is an accepted solution.
Hi @Polina_Frolova ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:
.site-header__logo a {
padding-top: 50% !important;
}
.site-header__logo a img {
top: 50% !important;
transform: translatey(-50%);
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hey @Polina_Frolova ,
Welcome to the Shopify community!
Go to the theme.css file and paste the below code.
Please remove whitespace from your logo.
.site-header__logo a {
padding-top: 70% !important;
}
.site-header__logo img {
display: block;
position: absolute;
top: -12px;
left: 0;
}
Hope it helps.
Thank you!
Raman
Return Prime
This is an accepted solution.
Hi @Polina_Frolova ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:
.site-header__logo a {
padding-top: 50% !important;
}
.site-header__logo a img {
top: 50% !important;
transform: translatey(-50%);
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Worked perfectly, thank you!!
User | RANK |
---|---|
192 | |
150 | |
81 | |
76 | |
65 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023