Header logo path position

[Ab52]

hello everyone,

can someone help me create this path switching logo on desktop and mobile view. I used to have this in dawn theme, but I tried to put the code into my own store and it didn’t work. 

what i want: https://cdn.shopify.com/videos/c/o/v/9ee897293bd24b99bdab210f0cf36e39.mp4 

The site of my inspiration:

www.gucci.com

what i used to have in dawn theme:

https://w47gf24b03bdb4v0-74144612617.shopifypreview.com

the IMPACT theme i’m using now: https://oqnqjq71fyisj9vt-74144612617.shopifypreview.com

[Sweans]

Hi @Ab52,

If you're trying to implement a path-switching logo for desktop and mobile views in your Shopify store, you'll need to add the CSS code to your theme's CSS file. Here's how you can do that:

From your Shopify admin, go to Online Store > Themes.

Find the theme you're working with, then click Actions > Edit Code.

In the Assets folder, open the theme.css or style.css file (depending on your theme).

Scroll to the bottom of the file and add the following CSS code:

@media screen and (max-width: 767px) {
a.nav-logo.isSticky[style="color: white;"] .header__heading-logo-wrapper img {
    left: 0;
    top: 0;
    position: fixed;
    transform: translate(20px, 20px);
}
}

        5. Save the changes.

https://www.webmobilefirst.com/en/screencasts/Ax9scLYxbn/

This will switch the logo between desktop and mobile views based on the screen width.

I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!

Regards,

Sweans

[Ab52]

The path switching logo needs to be in in this site in the IMPACT theme: https://oqnqjq71fyisj9vt-74144612617.shopifypreview.com/

[namphan]

Hi @Ab52,

I checked and this takes a long time to debug and change it.

If you want, can I send you a collaborator invitation? it will help me check the details

[Ab52]

Yes, please

[namphan]

Hi @Ab52,

Please send me the collaborator code in private message, I will send you the invitation and check it