Shopify themes, liquid, logos, and UX
I want the logo on sticky header to move to the left side of the screen when the user scrolls, how can this be done?
URL: Abbasi (theabbasiandsons.myshopify.com)
Password: testingpage
please refer the image for more clarification
Thank you
@abbasi119
Hello,
.header.header--top-center.page-width.header--has-menu {
position: relative;
}
.header__heading {
position: absolute;
left: -232px;
top: 5px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Like
@oscprofessional Partly working but What I want is, the logo to move to the left only when I scroll down so it might involve some JavaScript I think
Thanks for the replying!
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