Jump to content

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

Recommended Posts

  • Replies 5
  • Views 572
  • Created
  • Last Reply

Top Posters In This Topic

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>

 

Link to comment
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.

Link to comment
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");
}
Link to comment
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.

Link to comment
  • 1 month later...
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

 

Edited by SouthernSunEvents
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.