Shopify themes, liquid, logos, and UX
I would like to keep the logo in the center and move the icons to the right in the header. Its currently not aligned
Solved! Go to the solution
This is an accepted solution.
@rashedawilliams, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 749px){
.site-header__icons--plus{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
Please let me know whether it works.
Kind regards,
Diego
@rashedawilliams - please share your website link.
This is an accepted solution.
@rashedawilliams, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 749px){
.site-header__icons--plus{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
Please let me know whether it works.
Kind regards,
Diego
@rashedawilliams - please try above solution given by @diego_ezfy
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025