Is there a way to align logo to the left in the header bar when scrolling? [DAWN THEME}

Store Design
1

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

Capture.PNG
Capture.PNG1829×919 247 KB

2

@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_1-1659770439463.png
oscprofessional_1-1659770439463.png1642×205 82.4 KB

3

@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!