Shopify themes, liquid, logos, and UX
Hi
I would like to have the same amount of padding to the right of my search, login and basket icons as the padding to the left of my logo. Can anyone please help?
Also I want to reduce the padding between the 'Collections' rich text section top and bottom.
mollycoddle-meg.myshopify.com
Password - preepi
Kind regards
Solved! Go to the solution
This is an accepted solution.
Hi @Molly8,
Hope you are doing well.
Please insert this code bellow bottom of theme.css file:
For Header section icons:
@media only screen and (min-width: 750px) {
site-header__icons-wrapper{
padding-right: 50px;
}
#shopify-section-16264640923fa1d139{
padding-top: 0px !important;
}
#shopify-section-1626698802dc7eda1d{
padding-bottom: 0px !important;
}
}
Thanks & Regards
Pawan Kumar
This is an accepted solution.
Hi @Molly8,
Hope you are doing well.
Please insert this code bellow bottom of theme.css file:
For Header section icons:
@media only screen and (min-width: 750px) {
site-header__icons-wrapper{
padding-right: 50px;
}
#shopify-section-16264640923fa1d139{
padding-top: 0px !important;
}
#shopify-section-1626698802dc7eda1d{
padding-bottom: 0px !important;
}
}
Thanks & Regards
Pawan Kumar
Hi
The padding has reduced around the Collections title thank-you but the header icons are the same. The padding hasn't increased to the right of it. Any ideas?
Kind regards.
try this instead with in media code:
site-header__icons-wrapper{
padding-right: 50px !important;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024