Shopify themes, liquid, logos, and UX
Hello!
In my store on the mobile version, when the store loads, the logo is centered and when the page loads, a padding is created on the right side next to the shopping cart icon and the logo analogously moves to the left. In the code, I added a custom search bar visible on both the desktop version and the mobile version (maybe this has some connection)?
In addition, I would like to ask how to reduce the size of the logo/header size on the mobile version. I have tried many solutions from the forum but no code editing has any effect. Header takes up way too much space on mobile version... Im using sticky header in my Dawn theme.
pass: 123
Solved! Go to the solution
This is an accepted solution.
Go customize > edited code > header.liquid and past this code
.page-width:after {
display: none !important;
}
This is an accepted solution.
Go customize > edited code > header.liquid and past this code
.page-width:after {
display: none !important;
}
Thank you very much, that works!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025