Alternative logo for different pages - won't show up on mobile view?

Site URL: https://www.butchclothes.com/

Hi there,

I have uploaded alternative logos to my 'Store' and 'Info' pages on SS.

They work great - except, they don't show up when I am on mobile!

Any way around this?

I am fine with the Home and Contact pages, just for my Store and Info page!

Thanks

https://www.butchclothes.com/

You have only targeted desktop logo in your CSS. Target mobile logo as well.

For store:

<style>
.header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}
</style>

For info:

<style>
.header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}
</style>

16 hours ago, aravsanj said:

You have only targeted desktop logo in your CSS. Target mobile logo as well.

For store:

<style>
.header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}
</style>

For info:

<style>
.header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}
</style>

 

Hi, 

Thanks for your reply!

This code changed the logo in mobile view successfully, however applied that logo all of my other pages in mobile view. 

Also it read '<style> as syntax error, not sure why.

6 minutes ago, Bzzz123456 said:

This code changed the logo in mobile view successfully, however applied that logo all of my other pages in mobile view. 

Also it read '<style> as syntax error, not sure why.

Are you using custom CSS? Then it will get applied to all the pages and <style> will give you syntax error because it is not necessary. The above code best works by using it as a code block in the said pages. If you wish to use it in custom CSS, try the following.
For store:

#collection-608b810fc721e771c865110c .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}

For info:

#collection-60c349b68f342c1eed30bf08 .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}

On 6/15/2021 at 2:09 PM, aravsanj said:

Are you using custom CSS? Then it will get applied to all the pages and <style> will give you syntax error because it is not necessary. The above code best works by using it as a code block in the said pages. If you wish to use it in custom CSS, try the following.
For store:

#collection-608b810fc721e771c865110c .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}

For info:

#collection-60c349b68f342c1eed30bf08 .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}

Ahh, I didn't realise the difference between CSS and Code Blocks - thanks so much! These worked great.

On 6/15/2021 at 12:09 AM, aravsanj said:

Are you using custom CSS? Then it will get applied to all the pages and <style> will give you syntax error because it is not necessary. The above code best works by using it as a code block in the said pages. If you wish to use it in custom CSS, try the following.
For store:

#collection-608b810fc721e771c865110c .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}

For info:

#collection-60c349b68f342c1eed30bf08 .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}

@aravsanjStruggling with this as well for two pages mobile and tablet. I have a code injection on these pages in desktop that work great but I need to translate it for mobile/tablet.

http://www.southernsunevents.com/services

http://www.southernsunevents.com/contact-us

Site password: sse2020