FROM CACHE - en_header

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

abbasi119
New Member
4 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
12058 1872 2399

@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

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
abbasi119
New Member
4 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!