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

abbasi119
New Member
6 0 0

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

Replies 2 (2)

oscprofessional
Shopify Partner
15830 2369 3071

@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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
abbasi119
New Member
6 0 0

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