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.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
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.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
Worked perfectly, thank you!!
User | RANK |
---|---|
62 | |
52 | |
47 | |
39 | |
39 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023