Debutify Theme logo isn't inverting when I change page

Jamie0543
Tourist
4 0 2

In my website I have a homepage and a shop page. In the home page I need my logo to be white and in the shop page I need it to be black.

 

The debutify theme gives me three options for logos - default, inverted and mobile


The logo works fine when on desktop but on mobile it doesn't work it only stays as whatever I put the mobile logo option as

Replies 8 (8)

KetanKumar
Shopify Partner
36843 3636 11978

@Jamie0543 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jamie0543
Tourist
4 0 2

Thank you very much my url is

Swirl-head.com

 

KetanKumar
Shopify Partner
36843 3636 11978

@Jamie0543 

can you please provide screenshot further issue?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

og4
Visitor
2 0 1

Hey im having the same issue, did u figure out how to fix it?

 

KetanKumar
Shopify Partner
36843 3636 11978

@og4 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!

Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

xcorpllc
Visitor
1 0 0

In theme.scss.liquid,
1. Comment out "@include screenUp($postSmall) {" here:
/* @include screenUp($postSmall) { */
// Show default logo - hide inverted logo
.site-header__logo {
.default-logo {
display: block;
}

.inverted-logo {
display: none;
}
}
/* } */
}

2. Comment the mobile logo block here:
// Hide default and inverted logo - show mobile logo
/* .site-header__logo {
.default-logo {
display: none;
}

.inverted-logo {
display: none !important;
}

.mobile-logo {
display: block;
} */

w4ke0pp
Visitor
1 0 0

Could you explain what you're doing? When I look up "@include screenUp($postSmall) {" I see multiple results. Which one do I replace? Where do I place the second lines of code (mobile logo block)?

CallMeLars
Visitor
1 0 0

SOLVED - Debutify 5.01

 

1. Go to the Theme > Edit Code 

2. Open the theme.scss.liquid
3. click in the code and search - keyboard shortcut STRG+F or CMD+F

Search: Show default logo - hide inverted logo (in my case line 5953)
4. Replace the the code with the code above from USER Xcorpllc in step 1 - for more details you can ask chatgpt "What means "comment out" for cosing?"

5. Search: Hide default and inverted logo - show mobile logo (in my case line 5982)
6. Replace the the code with the code above from USER Xcorpllc in step 2