Jump to content

Alternate Logo Not Showing On Mobile

Recommended Posts

Hi SS Forum,

 

I have injected some custom code on my blog post page to show an alternate (different colour) logo which is working on desktop only. 

 

How can I get it to also show on mobile?

 

I used this code:

 

<style>

div.header-title-logo a {

content:url("https://static1.squarespace.com/static/6408e3fe6629084dfef049f8/t/6441a094cf46177aa82e5b1f/1682022548703/Four-Twenty-South-Logo.png") !important;     

max-width: 290px;

/* if logo needs to be centered */

margin-left: auto;

margin-right: auto;

}

</style>

 

Any help would be appreciated.

 

Thanks for being awesome guys!

 

Kuzi

Link to comment

I can't see anywhere that your alternative logo is working on desktop or mobile, so you may have some more problems.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
On 4/21/2023 at 12:36 PM, Ziggy said:

I can't see anywhere that your alternative logo is working on desktop or mobile, so you may have some more problems.

It shows only on the Blog Post page on this site. Ideally, when someone reads the blog post on mobile, I would like them to see the logo that features on desktop at this link: https://four-twenty-south.squarespace.com/config/pages/642b465fd9990d67d33ffd26

Is it still not displaying the alt logo there?

I'm now more concerned!

Thanks for the assistance.

Link to comment
On 4/21/2023 at 4:14 PM, mikhailkuzi said:

Hi SS Forum,

 

I have injected some custom code on my blog post page to show an alternate (different colour) logo which is working on desktop only. 

 

How can I get it to also show on mobile?

 

I used this code:

 

<style>

div.header-title-logo a {

content:url("https://static1.squarespace.com/static/6408e3fe6629084dfef049f8/t/6441a094cf46177aa82e5b1f/1682022548703/Four-Twenty-South-Logo.png") !important;     

max-width: 290px;

/* if logo needs to be centered */

margin-left: auto;

margin-right: auto;

}

</style>

 

Any help would be appreciated.

 

Thanks for being awesome guys!

 

Kuzi

Use this new code

<style>
header#header img {
content:url(https://static1.squarespace.com/static/6408e3fe6629084dfef049f8/t/6441a094cf46177aa82e5b1f/1682022548703/Four-Twenty-South-Logo.png);     
}

</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.